/***** country list *****/ .country {width:100%; margin:0 auto; padding:0px 0px 50px 0px;} .country .country-warp {width:100%; margin:0 auto;text-align:center;padding:0px 0px 0px 0px;} .country .container { width:1100px; margin:0 auto; padding:0px 0 0px 0; } .country .title-warp { margin:0; padding:0px 0 30px 0;} .country .title-warp .title-box { margin: 0; padding:0; text-align:center} .country .title-warp .title-box h1.title { font-size: 44px; font-weight: 600; position: relative; margin:0; padding:0 0 0px 0; } .country .title-warp .title-box .line { position: relative; margin:0; padding:0 0 20px 0; color: #b8b8b8;} .country .title-warp .title-box .line:before { content: ''; position: absolute; height: 1px; background-color: #d7d7d7; width: 400px; bottom: -4px; left: 50%; transform: translate(-50%, -50%);} .country .title-warp .title-box .line-mf { width: 40px; height: 5px; margin: 0 auto; background:red } .country .title-warp .title-box .toptitle { font-weight: 400; font-size: 16px; text-transform: uppercase; color: #858585; margin:0; padding:0 0 0px 0; } .country .title-warp .title-box .subtitle { position: relative; margin:0; padding:20px 0 0px 0; } .country .subtitle {width:100%; margin: 0 auto; text-align:center; padding:0px 0 80px 0} .country .subtitle .title {width: 100%; margin: 0 auto; } .country .subtitle h2 {width: 100%; padding: 20px 0 0px 0; line-height:40px; margin: 0 auto; text-transform: uppercase;} .country .subtitle h2.tit {font-size: 2.3rem; font-weight: 500;} .country .subtitle p {width: 80%; padding: 20px 0 0px 0; margin: 0 auto; text-align:center; font-size: 1rem; font-weight: 400;} .country .country-warp ul { list-style:none;overflow: hidden;} .country .country-warp ul li { float:left; width:16%; margin:0 auto; padding:0px 22px 40px 22px; text-align:center;} .country .country-warp li a { font-size: 0.9rem; font-weight:400;line-height:18px;} .country .country-warp li a:hover {color:#e48605; } .country .country-warp ul li div { margin:0 auto; text-align:center; border: 1px solid; border-color:#cacaca} .country .country-warp ul li div img { margin:0px 0px 0px 0px; width:100%;} .country .country-warp ul li p {padding:10px 0px 0px 0px; } .country .country-warp p.Source {text-align:left;margin:0 0 25px 0 !important; } .country .country-warp .text-con { position:relative; overflow:hidden; width: 100%; text-align:left;} /***** country list *****/ .each-name {width:100%; margin:0; padding:0px; } .each-name .each-warp {border: 1px solid #e5e5e5;margin:0; padding:30px; position: relative; } .each-name .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .each-name .col-md-20 {margin:0; padding:0px; -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;} .each-name .col-md-80 {margin:0; padding:0px; -ms-flex:0 0 80%; flex:0 0 80%; max-width:80%; } .each-name .col-md-40 {margin:0; padding:0px; -ms-flex:0 0 40%; flex:0 0 40%; max-width:40%;} .each-name .col-md-60 {margin:0; padding:0px; -ms-flex:0 0 60%; flex:0 0 60%; max-width:60%; } .each-name img {width:100%;border: 1px solid #e5e5e5;} .each-name h2 {width:100%;margin:0; padding:0; } .each-name p {width:100%;margin:0; padding:0;} .each-name .tit-warp {margin:0; padding: 0 0px 0 50px; text-align:left;} .each-name .bold {font-weight:bold;} .each-name a { padding:0 0 0 20px; color:#116cb0;} .each-name a:hover {text-decoration: underline; text-decoration-color: #116cb0; -webkit-text-decoration-color: #116cb0; /* Safari */ } .each-name .info-line { margin:0; padding:10px 0 10px 0;} .each-name .info-line .line { position: relative; margin:0; padding:0 0 10px 0; color: #b8b8b8;} .each-name .info-line .line:before { content: ''; position: absolute; height: 1px; background-color: #d7d7d7; width: 90%; bottom: -3px; left: 50%; transform: translate(-50%, -50%);} .each-name .info-line .line-mf { width: 80px; height: 4px; margin: 0 auto; background:#d7d7d7 } .each-name .info .m-top20 {margin-top:10px} .each-name .info .tit-warp p.tit {width:100%;margin:0; padding:0;} .each-name .info ul {width:100%;margin:10px 0 0 0px; padding:0;} .each-name .info ul li {width:100%;margin:0px 0 0 0px; padding:0;} .each-name .info iframe {width:100%; height:100%; margin:0px; padding:0;} #country-info {width:100%; margin:0 auto;padding:30px 0 0 0;} #country-info .info-warp { margin:0 auto;padding:0px;} #country-info .title-border {width:100%;margin:40px 0 20px 0; padding:15px 0 15px 0; font-size:28px; font-weight:bold; border-bottom: 1px solid #de610e; border-top: 1px solid #de610e;} #country-info i {padding:0 10px 0 0; } i.size-3 { font-size:3px; } i.size-5 { font-size:5px; } i.size-10 { font-size:10px; } i.size-15 { font-size:15px; } #country-info h1 { font-size: 36px; padding:0 0 8px 0; } #country-info h2 {font-size:24px; padding:0 0 8px 0; } #country-info h3 {font-size:22px; padding:0 0 8px 0; } #country-info h4 {font-size:20px; padding:0 0 8px 0; } #country-info h5 {font-size:18px; padding:0 0 8px 0; } #country-info h6 {font-size:17px; padding:0 0 8px 0; } #country-info .h7 {font-size:16px; padding:0 0 8px 0; } #country-info p.text { margin:0;padding-bottom:15px; } #country-info p.text2 { margin:0;padding-bottom:3px; } #country-info p.p-bottom8 {margin:0;padding:0 0 8px 0; } #country-info .bold {font-weight:bold;} #country-info .upper {text-transform : uppercase} #country-info p a { padding:0 0 0 0px; color:#116cb0;} #country-info p a:hover {text-decoration: underline; text-decoration-color: #116cb0; -webkit-text-decoration-color: #116cb0; /* Safari */ } #country-info ul a { padding:0 0 0 0px; color:#116cb0;} #country-info ul a:hover {text-decoration: underline; text-decoration-color: #116cb0; -webkit-text-decoration-color: #116cb0; /* Safari */ } #country-info .img-right {float:right;margin-left:2em;margin-bottom:1em; margin-top:10px} #country-info .img-left {float:left;margin-right:2em;margin-bottom:1em; margin-top:10px} #country-info .img-center {margin:0; padding:20px 0; text-align:center;} #country-info img {width:400px} #country-info .m-top10 {margin-top:10px} #country-info .m-top15 {margin-top:15px} #country-info .m-top20 {margin-top:20px} #country-info .m-top30 {margin-top:30px} #country-info .m-top40 {margin-top:40px} #country-info .m-top50 {margin-top:50px} #country-info .m-top60 {margin-top:60px} #country-info .m-top70 {margin-top:70px} #country-info .m-bottom0 {margin-bottom:0px;} #country-info .m-bottom10 {margin-bottom:10px;} #country-info .m-bottom15 {margin-bottom:15px;} #country-info .m-bottom20 {margin-bottom:20px;} #country-info .m-bottom30 {margin-bottom:30px;} #country-info .p-bottom0 {padding-bottom:0px;} #country-info .p-bottom10 {padding-bottom:10px;} #country-info .p-bottom15 {padding-bottom:15px;} #country-info .p-bottom20 {padding-bottom:20px;} #country-info .p-bottom30 {padding-bottom:30px;} #country-info .p-top5 {padding-top:5px;} #country-info .p-top10 {padding-top:10px;} #country-info .p-top15 {padding-top:15px;} #country-info .p-top20 {padding-top:20px;} #country-info .p-top30 {padding-top:30px;} #country-info .p-top40 {padding-top:40px;} #country-info .p-left5 {padding-left:5px;} #country-info .p-left10 {padding-left:10px;} #country-info .p-left15 {padding-left:15px;} #country-info .p-left20 {padding-left:20px;} #country-info .p-left30 {padding-left:30px;} #country-info .p-left40 {padding-left:40px;} #country-info ol.list-type1 {list-style-type: decimal;width:100%;} #country-info ol.list-type1>li {position: relative;width:100%; padding:0 0px 7px 0px} #country-info ol.list-type1>li>p {padding-left:10px;margin-bottom:0;line-height:20px;} #country-info ol.list-type2 {list-style-type: lower-alpha ;width:100%;} #country-info ol.list-type2>li {position: relative;width:100%; padding:0 0px 7px 0px} #country-info ol.list-type2>li>p {padding-left:10px;margin-bottom:0;line-height:20px;} #country-info ul.list-type3 {list-style-type: none;width:100%;padding: 0; padding-bottom: 7px; } #country-info ul.list-type3>li {position: relative;width:100%; padding-bottom: 0px; } #country-info ul.list-type3 > li > p {padding-left:25px;margin-bottom:0;line-height:23px;} #country-info ul.list-type3>li:before{position: absolute;display: inline-block;vertical-align: middle;margin:0; padding: 10px; line-height:0px;} #country-info ul.list-type3>li::before{content: url( "../../img/list-icon7.png" ); } #country-info ol.list-type4 {list-style-type: none;width:100%; } #country-info ol.list-type4>li {position: relative;width:100%;padding-bottom: 7px;} #country-info ol.list-type4>li>p {padding-left:20px;margin-bottom:0;line-height:21px;} #country-info ol.list-type4>li:before{position: absolute;display: inline-block;vertical-align: middle;padding: 0px 5px 0px 0px;} #country-info ol.list-type4>li:first-child::before{content: "1)";} #country-info ol.list-type4>li:nth-child(2)::before{content: "2)";} #country-info ol.list-type4>li:nth-child(3)::before{content: "3)";} #country-info ol.list-type4>li:nth-child(4)::before{content: "4)";} #country-info ol.list-type4>li:nth-child(5)::before{content: "5)";} #country-info ol.list-type4>li:nth-child(6)::before{content: "6)";} #country-info ol.list-type4>li:nth-child(7)::before{content: "7)";} #country-info ol.list-type4>li:nth-child(8)::before{content: "8)";} #country-info ol.list-type4>li:nth-child(9)::before{content: "9)";} #country-info ol.list-type4>li:nth-child(10)::before{content: "10)";} #country-info ul.list-type5 {list-style-type: none;width:100%;padding: 0;padding-bottom: 7px; } #country-info ul.list-type5>li {position: relative;width:100%;padding-bottom: 0px;} #country-info ul.list-type5>li>p {padding-left:25px;margin-bottom:0;line-height:23px;} #country-info ul.list-type5>li::before{position: absolute;display: inline-block;vertical-align: middle;margin:0; padding: 10px; line-height:0px;} #country-info ul.list-type5>li::before{content: url( "../../img/list-icon5.png" ); } #country-info ul.list-type6 {list-style-type: none;width:100%; padding: 0;padding-bottom: 7px; } #country-info ul.list-type6>li {position: relative;width:100%;padding-bottom: 0px;} #country-info ul.list-type6>li>p {padding-left:20px;margin-bottom:0;line-height:23px;} #country-info ul.list-type6>li:before{position: absolute;display: inline-block;vertical-align: middle;margin:0; padding: 0; line-height:20px;} #country-info ul.list-type6>li:first-child::before{content: "I.";} #country-info ul.list-type6>li:nth-child(2)::before{content: "II.";} #country-info ul.list-type6>li:nth-child(3)::before{content: "III.";} #country-info ul.list-type6>li:nth-child(4)::before{content: "IV.";} #country-info ul.list-type6>li:nth-child(5)::before{content: "V.";} #country-info ul.list-type6>li:nth-child(6)::before{content: "VI.";} #country-info ul.list-type6>li:nth-child(7)::before{content: "VII.";} #country-info ul.list-type6>li:nth-child(8)::before{content: "VIII.";} #country-info ul.list-type6>li:nth-child(9)::before{content: "IX.";} #country-info ul.list-type6>li:nth-child(10)::before{content: "X.)";} #country-info ul.list-type7 {list-style-type: none;width:100%;padding: 0;padding-bottom: 7px; } #country-info ul.list-type7>li {position: relative;width:100%; padding-bottom: 0px; } #country-info ul.list-type7>li>p {padding-left:15px;margin-bottom:0;line-height:23px;} #country-info ul.list-type7>li:before{position: absolute;display: inline-block;vertical-align: middle;margin:0; padding: 0; line-height:20px;} #country-info ul.list-type7>li::before{content: "※"; color:#818181;} #country-info ul.list-type8 {list-style-type: none;width:100%; padding: 0;padding-bottom: 7px; } #country-info ul.list-type8>li {position: relative;width:100%;padding-bottom: 0px;} #country-info ul.list-type8>li>p {padding-left:25px;margin-bottom:0;line-height:23px;padding: 0px 0px 0 35px;} #country-info ul.list-type8>li:before{position: absolute;display: inline-block;vertical-align: middle;margin:0; padding: 0px 0px 0 8px; line-height:23px;} #country-info ul.list-type8>li:first-child::before{content: "(1)";} #country-info ul.list-type8>li:nth-child(2)::before{content: "(2)";} #country-info ul.list-type8>li:nth-child(3)::before{content: "(3)";} #country-info ul.list-type8>li:nth-child(4)::before{content: "(4)";} #country-info ul.list-type8>li:nth-child(5)::before{content: "(5)";} #country-info ul.list-type8>li:nth-child(6)::before{content: "(6)";} #country-info ul.list-type8>li:nth-child(7)::before{content: "(7)";} #country-info ul.list-type8>li:nth-child(8)::before{content: "(8)";} #country-info ul.list-type8>li:nth-child(9)::before{content: "(9)";} #country-info ul.list-type8>li:nth-child(10)::before{content: "(10)";} #country-info ul.list-type9 {list-style-type: none;width:100%;padding: 0; padding-bottom: 7px; } #country-info ul.list-type9>li {position: relative;width:100%;padding-bottom: 0px;} #country-info ul.list-type9>li>p {padding-left:18px;margin-bottom:0;line-height:23px;} #country-info ul.list-type9>li:before{position: absolute;display: inline-block;vertical-align: middle;margin:0; padding: 0; line-height:20px;} #country-info ul.list-type9>li:first-child::before{content: "a.";} #country-info ul.list-type9>li:nth-child(2)::before{content: "b.";} #country-info ul.list-type9>li:nth-child(3)::before{content: "c.";} #country-info ul.list-type9>li:nth-child(4)::before{content: "d.";} #country-info ul.list-type9>li:nth-child(5)::before{content: "e.";} #country-info ul.list-type9>li:nth-child(6)::before{content: "f.";} #country-info ul.list-type9>li:nth-child(7)::before{content: "g.";} #country-info ul.list-type9>li:nth-child(8)::before{content: "h.";} #country-info ul.list-type9>li:nth-child(9)::before{content: "i.";} #country-info ul.list-type9>li:nth-child(10)::before{content: "j.";} #country-info ul.list-type10 {list-style-type: none;width:100%;margin:0; padding: 0; padding-bottom: 7px; } #country-info ul.list-type10>li {position: relative;width:100%; margin:0; padding-bottom: 0px; } #country-info ul.list-type10>li>p {padding-left:15px;margin-bottom:0;line-height:25px;} #country-info ul.list-type10>li:before{position: absolute;display: inline-block;vertical-align: middle;margin:0; padding:10px 0 0 0 ; line-height:2px; font-size:10px;} #country-info ul.list-type10>li::before{content: "▲"; color:#818181;} #country-info ul.list-type11 {list-style-type: none;width:100%;margin:0; padding: 0; padding-bottom: 7px; } #country-info ul.list-type11>li {position: relative;width:100%; margin:0; padding-bottom: 0px; } #country-info ul.list-type11>li>p {padding-left:15px;margin-bottom:0;line-height:25px;} #country-info ul.list-type11>li:before{position: absolute;display: inline-block;vertical-align: middle;margin:0; padding:10px 0 0 0 ; line-height:18px; font-size:20px;} #country-info ul.list-type11>li::before{content: "*"; color:#818181;} #country-info ul.list-type12 {list-style-type: none;width:100%;padding: 0 0 5px 0;} #country-info ul.list-type12>li {position: relative;width:100%;padding-bottom: 7px;} #country-info ul.list-type12>li>p {padding-left:25px;margin-bottom:0;line-height:23px;} #country-info ul.list-type12>li:before{position: absolute; display: inline-block;vertical-align: middle;margin:0; padding: 0; line-height:23px;} #country-info ul.list-type12>li:first-child::before{content: "①";} #country-info ul.list-type12>li:nth-child(2)::before{content: "②";} #country-info ul.list-type12>li:nth-child(3)::before{content: "③";} #country-info ul.list-type12>li:nth-child(4)::before{content: "④";} #country-info ul.list-type12>li:nth-child(5)::before{content: "⑤";} #country-info ul.list-type12>li:nth-child(6)::before{content: "⑥";} #country-info ul.list-type12>li:nth-child(7)::before{content: "⑦";} #country-info ul.list-type12>li:nth-child(8)::before{content: "⑧";} #country-info ul.list-type12>li:nth-child(9)::before{content: "⑨";} #country-info ul.list-type12>li:nth-child(10)::before{content: "⑩";} #country-info ul.list-type12>li:nth-child(11)::before{content: "⑪";} #country-info ul.list-type12>li:nth-child(12)::before{content: "⑫";} #country-info ul.list-type12>li:nth-child(13)::before{content: "⑬";} #country-info ul.list-type12>li:nth-child(14)::before{content: "⑭";} #country-info ul.list-none {list-style-type: none;width:100%;margin:0; padding: 0; padding-bottom: 7px; } #country-info .list-warp {margin:0; padding-top:5px ; padding-left:15px ;} #country-info .list-warp1 {margin:0; padding-top:2px ; padding-left:15px ;} #country-info .list-warp2 {margin:0; padding-top:5px ; padding-left:25px ;} #country-info ul.no-margin {width:100%;height:100%;margin: 0; padding: 0;} /* 이미지 마우스 오버시 효과 */ .s-img { position: relative; overflow: hidden; } .s-img:before { position: absolute; content: ""; background: rgba(255, 255, 255, 0.4); z-index: 999; left: 110%; top: 0px; height: 100%; width: 110%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .s-img:hover:before { left: -110%; top: 0; } /* 이미지 마우스 오버시 줌인 효과*/ .z-img { overflow: hidden; } .z-img img { width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .z-img:hover img { transform: scale(1.1); } /* 백그라운드 이미지 마우스 오버시 줌인 효과*/ .zb-img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .zb-img:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); } /*********************************** @media screen and (max-width: 980px) ***********************************/ @media only screen and (max-width:980px) { .country .country-warp {width:100%; margin:0 auto;text-align:center;padding:0px 0px 0px 0px;} .country .container { width:100%; margin:0 auto; padding:0px 0 0px 0; } .country .country-warp ul { list-style:none;overflow: hidden;} .country .country-warp ul li { float:left; width:20%; margin:0 auto; padding:0px 22px 40px 22px; text-align:center;} .country .country-warp li a { font-size: 0.9rem; font-weight:400;line-height:18px;} .country .country-warp li a:hover {color:#e48605; } .country .country-warp ul li div { margin:0 auto; text-align:center; border: 1px solid; border-color:#cacaca} .country .country-warp ul li div img { margin:0px 0px 0px 0px; width:100%;} .country .country-warp ul li p {padding:10px 0px 0px 0px; } .country .country-warp p.Source {text-align:left;margin:0 0 25px 0 !important; } .country .country-warp .text-con { position:relative; overflow:hidden; width: 100%; text-align:left;} .country { width:100%; margin:0 auto; padding:0; } .country .container {position: relative; width:100%; margin:0 auto; padding:0 0px; } #country-info .info-warp { margin:0 auto;padding:0 20px;} #country-info .title-border {width:100%;margin:50px 0 20px 0; padding:15px 0 15px 0; font-size:20px; font-weight:bold; border-bottom: 2px solid #ee3b24; border-top: 2px solid #ee3b24;} #country-info .img-right {float:none;margin-left:0em;margin-right:0em;margin-bottom:2em; margin-top:2em} #country-info .img-left {width:100%;float:none;margin-left:0em;margin-right:0em;margin-bottom:2em; margin-top:2em} #country-info .img-center {margin:0; padding:20px 0; text-align:center;} #country-info img {width:100%; } /***** country list *****/ .each-name {width:100%; margin:0; padding:0px; } .each-name .each-warp {border: 0px solid #e5e5e5;margin:0; padding:30px; position: relative; } .each-name .row {border: 0px solid #e5e5e5;margin:10px; padding:30px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .each-name .col-md-20 {margin:0; padding:0px; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;text-align:center} .each-name .col-md-80 {margin:0; padding:0px; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; } .each-name img {width:50%;border: 1px solid #e5e5e5;} .each-name h2 {width:100%;margin:0; padding:0; } .each-name p {width:100%;margin:0; padding:0;} .each-name .tit-warp {margin:0; padding: 20px 0px 0 0px; text-align:center} .each-name .bold {font-weight:bold;} } /*********************************** @media screen and (max-width: 768px) ***********************************/ @media only screen and (max-width:768px) { /******************* Country tab ******************/ .country .country-warp {width:100%; margin:0 auto;text-align:center;padding:0px 0px 0px 0px;} .country .container { width:100%; margin:0 auto; padding:0px 0 0px 0; } .country .country-warp ul { list-style:none;overflow: hidden;width:100%; } .country .country-warp ul li { float:left; width:28%; margin:0 auto; padding:0px 10px 40px 10px; text-align:center;} .country .country-warp li a { font-size: 0.9rem; font-weight:400;line-height:18px;} .country .country-warp li a:hover {color:#e48605; } .country .country-warp ul li div { margin:0 auto; text-align:center; border: 1px solid; border-color:#cacaca} .country .country-warp ul li div img { margin:0px 0px 0px 0px; width:100%;} .country .country-warp ul li p {padding:10px 0px 0px 0px; } .country .country-warp p.Source {text-align:left;margin:0 0 25px 0 !important; } .country .country-warp .text-con { position:relative; overflow:hidden; width: 100%; text-align:left;} .each-name {width:100%; margin:0; padding:0px; } .each-name .each-warp {border: 0px solid #e5e5e5;margin:0; padding:30px; position: relative; } .each-name .row {border: 0px solid #e5e5e5;margin:10px; padding:30px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .each-name .col-md-20 {margin:0; padding:0px; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;text-align:center} .each-name .col-md-80 {margin:0; padding:0px; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; } .each-name img {width:50%;border: 1px solid #e5e5e5;} .each-name h2 {width:100%;margin:0; padding:0; } .each-name p {width:100%;margin:0; padding:0;} .each-name .tit-warp {margin:0; padding: 20px 0px 0 0px; text-align:center} .each-name .bold {font-weight:bold;} } /*********************************** @media screen and (max-width: 480px) ***********************************/ @media screen and (max-width:480px) { /******************* Country tab *******************/ .country .subtitle {width:100%; margin: 0 auto; text-align:center; padding:0px 0 30px 0} .country .subtitle .title {width: 100%; margin: 0 auto; } .country .subtitle h2 {width: 100%; padding: 20px 0 0px 0; line-height:40px; margin: 0 auto; text-transform: uppercase;} .country .subtitle h2.tit {font-size: 2.3rem; font-weight: 500;} .country .subtitle p {width: 80%; padding: 20px 0 0px 0; margin: 0 auto; text-align:center; font-size: 1rem; font-weight: 400;} .country .country-warp .pl-60 { padding:0} .country .country-warp .pr-60 { padding:0} .country .country-warp {width:100%; margin:0 auto;text-align:center;padding:0px 0px 0px 0px;} .country .country-warp ul { list-style:none;overflow: hidden; text-align:center;margin:0 auto; padding:0px; display: table;} .country .country-warp ul li { display : inline-block; float:none; width:27%; height:110px; margin:0 auto; padding:0px 10px 0px 10px; text-align:center;} .country .country-warp li a { font-size: 0.9rem; font-weight:400;line-height:13px;} .country .country-warp li a:hover {color:#e48605; } .country .country-warp ul li div { margin:0 auto; text-align:center; border: 1px solid rgb(233, 233, 233);} .country .country-warp ul li div img { margin:0px 0px 0px 0px; width:100%;} .country .country-warp ul li p {padding:10px 0px 0px 0px; font-size: 0.7rem;} .country .country-warp p.Source {text-align:left;margin:0 0 25px 0 !important; } .country .country-warp .text-con { position:relative; overflow:hidden; width: 100%; text-align:center;} /***** country list *****/ .each-name {width:100%; margin:0; padding:0px; } .each-name .each-warp {border: 0px solid #e5e5e5;margin:0; padding:0px; position: relative; } .each-name .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;margin:0; padding:30px; } .each-name .col-md-20 {margin:0; padding:0px; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;} .each-name .col-md-80 {margin:0; padding:0px; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; } .each-name .col-md-40 {margin:0; padding:0px; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;height:300px} .each-name .col-md-60 {margin:0; padding:0px; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; 0} .each-name img {width:100%;border: 1px solid #e5e5e5;} .each-name .tit-warp {margin:0; padding: 30px 0px 0 0px; text-align:center;} .each-name h2 {width:100%;margin:0; padding:0; font-size:1.3rem;text-align:center} .each-name p {width:100%;margin:0; padding:0;} .each-name .bold {font-weight:bold;} .each-name a { padding:0 0 0 20px; color:#116cb0;} .each-name a:hover {text-decoration: underline; text-decoration-color: #116cb0; -webkit-text-decoration-color: #116cb0; /* Safari */ } .each-name .info-line { margin:0; padding:10px 0 10px 0;} .each-name .info-line .line { position: relative; margin:0; padding:0 0 10px 0; color: #b8b8b8;} .each-name .info-line .line:before { content: ''; position: absolute; height: 1px; background-color: #d7d7d7; width: 90%; bottom: -3px; left: 50%; transform: translate(-50%, -50%);} .each-name .info-line .line-mf { width: 80px; height: 4px; margin: 0 auto; background:#d7d7d7 } .each-name .info .m-top20 {margin-top:10px} .each-name .info .tit-warp {text-align:left} .each-name .info .tit-warp p.tit {width:100%;margin:0; padding:0; text-align:left} .each-name .info ul {width:100%;margin:10px 0 0 0px; padding:0;} .each-name .info ul li {width:100%;margin:0px 0 0 0px; padding:0;} .each-name .info iframe {width:100%; height:100%; margin:0px; padding:0;} .country #country-info .title-warp { margin:0; padding:0px 0 30px 0;} .country .title-warp .title-box { margin: 0; padding:0; text-align:center} .country #country-info .title-warp .title-box h1.title { font-size: 30px; line-height:35px; font-weight: 600; position: relative; margin:0; padding:0 0 0px 0; !important;} .country .title-warp .title-box .line { position: relative; margin:0; padding:0 0 20px 0; color: #b8b8b8;} .country .title-warp .title-box .line:before { content: ''; position: absolute; height: 1px; background-color: #d7d7d7; width: 90%; bottom: -4px; left: 50%; transform: translate(-50%, -50%);} .country .title-warp .title-box .line-mf { width: 40px; height: 5px; margin: 0 auto; background:red } .country .title-warp .title-box .toptitle { font-weight: 400; font-size: 16px; text-transform: uppercase; color: #858585; margin:0; padding:0 0 0px 0; } .country .title-warp .title-box .subtitle { position: relative; margin:0; padding:20px 0 0px 0; } }