@charset "utf-8";
/* CSS Document */

.box1{ width:100%; max-width:1200px; margin:0 auto; position:relative; }
.box2{ width:100%; max-width:2000px; margin:0 auto; position:relative; }


#header{height:70px; background:#fff; position:absolute; top:0; left:0; width:100%; z-index:2;}

/*ani*/
#header.ani{position:fixed; height:60px; border-bottom:1px solid #ccc;}
#header.ani .gnb_area .gnb > li .dp1{height:60px; line-height:60px;}
#header.ani .logo img{width:172px;}
#header.ani .right_area .top_btn_area div{margin:15px 0;}
#header.ani .right_area .lang_area > ul > li{height:60px; line-height:60px;}
#header.ani .right_area .ham_btn2 img{padding:20px 23px 19px;}
#header.ani .gnb_area .gnb .dp2{border:1px solid #ccc; top:60px; border-top:1px solid #fff;}
/*end*/

#header .gnb_area{position:relative; z-index:9900;}
#header .logo {position:absolute; left:0; top:12px;}
#header .gnb_area .gnb{margin-left:23.8%;}
#header .gnb_area .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_area .gnb > li{ float:left; margin-left:6.4%; position:relative;}
#header .gnb_area .gnb > li .dp1{ display:block; position:relative; height:70px; line-height:70px; font-size:1.30em; color:#666; font-weight:600;}
#header .gnb_area .gnb > li > a{ text-decoration:none; } 
#header .gnb_area .gnb > li.m_1 > a:hover{color:#c06caa;}
#header .gnb_area .gnb > li.m_2 > a:hover{color:#4687c1;}
#header .gnb_area .gnb > li.m_3 > a:hover{color:#18aba3;}
#header .gnb_area .gnb > li.m_4 > a:hover{color:#ed7d2b;}
#header .gnb_area .gnb > li.m_5 > a:hover{color:#95ba39;}
#header .gnb_area .gnb > li.m_1 > a.on{color:#c06caa; background:url(../images/inc/gnb_on.jpg) no-repeat center 10px;}
#header .gnb_area .gnb > li.m_2 > a.on{color:#4687c1; background:url(../images/inc/gnb_on2.jpg) no-repeat center 10px;}
#header .gnb_area .gnb > li.m_3 > a.on{color:#18aba3; background:url(../images/inc/gnb_on3.jpg) no-repeat center 10px;}
#header .gnb_area .gnb > li.m_4 > a.on{color:#ed7d2b; background:url(../images/inc/gnb_on4.jpg) no-repeat center 10px;}
#header .gnb_area .gnb > li.m_5 > a.on{color:#95ba39; background:url(../images/inc/gnb_on5.jpg) no-repeat center 10px;}
#header .gnb_area .gnb .dp2{ position:absolute; left:50%; top:70px; margin-left:-100px; width:200px; background:#fff;}
#header .gnb_area .gnb .dp2 > li > a{ display:block; padding:12px 0; border-top:1px solid #ddd; background-repeat:no-repeat; 
background-position:10px 13px; text-align:center; color:#333; }
#header .gnb_area .gnb .dp2 > li:first-child > a{ border-top:0;}
#header .gnb_area .gnb .m_1 .dp2 > li > a:hover{ background:#c06caa; color:#fff;}
#header .gnb_area .gnb .m_2 .dp2 > li > a:hover{ background:#4687c1; color:#fff;}
#header .gnb_area .gnb .m_3 .dp2 > li > a:hover{ background:#18aba3; color:#fff;}
#header .gnb_area .gnb .m_4 .dp2 > li > a:hover{ background:#ed7d2b; color:#fff;}
#header .gnb_area .gnb .m_5 .dp2 > li > a:hover{ background:#95ba39; color:#fff;}


#header .gnb_area .gnb .dp2,
#header .gnb_area .gnb .dp3,
#header .gnb_area .gnb .m_guide, 
#header .gnb_area .gnb .m_member,
#header .gnb_area .gnb .m_mypage,
#header .gnb_area .gnb .m_sitemap,
#header .gnb_area .gnb .m_search{ display:none;}

#header .right_area{position:absolute; top:0; right:0; z-index:99999; overflow:hidden;}

#header .right_area .top_btn_area{float:left;}
#header .right_area .top_btn_area div{display:inline-block; *display:inline; zoom:1; width:28px; height:28px; line-height:28px; border:1px solid #ddd; border-radius:50%; margin:20px 1px; background:#fff; }
#header .right_area .top_btn_area .home_btn{background:url(../images/inc/top_home.png) no-repeat center center;}
#header .right_area .top_btn_area .mail_btn{background:url(../images/inc/top_mail.png) no-repeat center center;}
#header .right_area .top_btn_area .home_btn:hover{background:#c06caa url(../images/inc/top_home_hover.png) no-repeat center center;border:1px solid #c06caa;}
#header .right_area .top_btn_area .mail_btn:hover{background:#c06caa url(../images/inc/top_mail_hover.png) no-repeat center center;border:1px solid #c06caa;}
#header .right_area .top_btn_area div a{display:block; text-decoration:none;}

#header .right_area .lang_area{float:left; margin-left:20px;}
#header .right_area .lang_area > ul >li{width:88px; height:69px; line-height:69px; border:1px solid #ddd; border-top:0; border-bottom:0; background:#fff;}
#header .right_area .lang_area > ul >li a{padding-left:20%; font-size:1.38em; color:#4288c1; display:block; text-decoration:none; font-weight:600;}
#header .right_area .lang_area > ul >li:hover{background:#4288c1; border:1px solid #4288c1;}
#header .right_area .lang_area > ul >li:hover a{color:#fff;}
#header .right_area .lang_area > ul >li.on{  background:url(../images/inc/lang_arr.png) no-repeat 71% center;}
#header .right_area .lang_area > ul >li.on:hover{background:#4288c1 url(../images/inc/lang_arr_hover.png) no-repeat 71% center; }
#header .right_area .lang_area > ul >li.en{display:none; border-top:1px solid #ddd;}

#header .right_area .ham_btn{float:left; width:69px; height:69px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; display:none;}
#header .right_area .ham_btn2{float:left; border-right:1px solid #ddd; position:relative; cursor:pointer;}
#header .right_area .ham_btn2 img{padding:25px 23px 24px;}

/*ham*/
#header .ham_menu{position:absolute; top:0px; left:0; width:100%; background:#fff; z-index:99999; border:1px solid #ccc; border-top:1px dashed #888; border-bottom:2px solid #222; display:none; box-sizing:border-box;}
#header .ham_menu .gnb {padding:0 1.5%;}
#header .ham_menu .gnb > li{ float:left; width:15.5%; margin:0 0 30px 1%;}
#header .ham_menu .gnb > li .dp1{ display:block; text-align:center; line-height:30px; font-weight:600; font-size:16px; color:#fff; border-radius:3px 3px 0 0;}
#header .ham_menu .gnb > li.m_1 .dp1{background:#b967a5;}
#header .ham_menu .gnb > li.m_2 .dp1{background:#4087c5;}
#header .ham_menu .gnb > li.m_3 .dp1{background:#14aba6;}
#header .ham_menu .gnb > li.m_4 .dp1{background:#f37e2f;}
#header .ham_menu .gnb > li.m_5 .dp1{background:#92b83e;}
#header .ham_menu .gnb > li.m_guide .dp1{background:#c72032;}
#header .ham_menu .gnb > li .dp1 .icon{ display:block; background-repeat:no-repeat; background-position:center center; height:74px; background-size:450px!important;}
#header .ham_menu .gnb > li.m_1 .dp1 .icon{ background:url(../images/inc/s_visu1_bg.jpg) no-repeat center 0;}
#header .ham_menu .gnb > li.m_2 .dp1 .icon{ background:url(../images/inc/s_visu2_bg.jpg) no-repeat center 0;}
#header .ham_menu .gnb > li.m_3 .dp1 .icon{ background:url(../images/inc/s_visu3_bg.jpg) no-repeat center 0;}
#header .ham_menu .gnb > li.m_4 .dp1 .icon{ background:url(../images/inc/s_visu4_bg.jpg) no-repeat center 0;}
#header .ham_menu .gnb > li.m_5 .dp1 .icon{ background:url(../images/inc/s_visu5_bg.jpg) no-repeat center 0;}
#header .ham_menu .gnb > li.m_guide .dp1 .icon{background:url(../images/inc/s_visuguide_bg.jpg) no-repeat center 0;}
#header .ham_menu .gnb > li .dp2 > li > a{ display:block; font-size:1em; font-family:600; color:#333; padding:5px 0 3px 0px; position:relative; padding-left:15px;}
#header .ham_menu .gnb > li .dp2 > li > a::before{content:''; position:absolute; left:7px; top:13px; width:4px; height:2px; background:#999; display:inline-block; *display:inline; zoom:1;}
#header .ham_menu .gnb > li.m_1 .dp2 > li > a::before{background:#b967a5;}
#header .ham_menu .gnb > li.m_2 .dp2 > li > a::before{background:#4087c5;}
#header .ham_menu .gnb > li.m_3 .dp2 > li > a::before{background:#14aba6;}
#header .ham_menu .gnb > li.m_4 .dp2 > li > a::before{background:#f37e2f;}
#header .ham_menu .gnb > li.m_5 .dp2 > li > a::before{background:#92b83e;}
#header .ham_menu .gnb > li.m_guide .dp2 > li > a::before{background:#c72032;}
#header .ham_menu .gnb > li .dp2{ margin-top:4px;}

#header .ham_menu .gnb > li .dp2 > li > a:hover{opacity:0.6;}
#header .ham_menu .gnb > li.m_guide .dp2 > li > a {background:url(../images/inc/lnb_on_6.png) no-repeat left 11px }
#header .ham_menu .close{ font-size:17px; font-weight:600; color:#fff; clear:both; background:#555; text-align:center; padding:7px 0; cursor:pointer}
#header .ham_menu .close:hover{background:#333;}
#header .ham_menu .slo1{font-size:1.69em; text-align:center; padding-top:30px; color:#333; font-weight:600;}
#header .ham_menu .slo2{font-size:1.5em; text-align:center;  color:#777; padding-bottom:28px;}


/*----------------lnb-----------------------*/

.sub #contents .lnb_area{ width:100%; background:#f5f5f5;}
.sub #contents .lnb_area .gnb { background:url(../images/inc/lnb_off.jpg) left bottom;}
.sub #contents .lnb_area .gnb > li{ display:none}
.sub #contents .lnb_area .tit{height:78px; background:#06a4f5; background:url(../images/inc/lnb_tit.jpg) no-repeat 0 0;}

.sub #contents .lnb_area .tit h2{ z-index:inherit; display:block;  line-height:78px; font-size:20px; font-weight:600; font-family:600; color:#fff; padding-left:24px; }
.sub #contents .lnb_area .gnb .dp1{ display:none}
.sub #contents .lnb_area .gnb .dp2{ font-size:0; text-align:center;}
.sub #contents .lnb_area .gnb .dp2 > li{display:inline-block; *display:inline; zoom:1;  width:14.28%; text-align:center; border-bottom:5px solid #d3d3d3; background:#f5f5f5; transition:0.3s;}
.sub #contents .lnb_area .gnb .dp2 > li > a{color:#777; font-size:1.38em; display:block; padding:20px 0; text-decoration:none; font-weight:600;}

.sub #contents .lnb_area .gnb .dp2 > li:hover{border-bottom:5px solid #999; }
.sub #contents .lnb_area .gnb .dp2 > li:hover a{color:#444;}
.sub #contents .lnb_area .gnb .m_1 .dp2 > li.on{border-bottom:5px solid #c06cab;}
.sub #contents .lnb_area .gnb .m_2 .dp2 > li.on{border-bottom:5px solid #4687c1;}
.sub #contents .lnb_area .gnb .m_3 .dp2 > li.on{border-bottom:5px solid #18aba3;}
.sub #contents .lnb_area .gnb .m_4 .dp2 > li.on{border-bottom:5px solid #ed7d2b;}
.sub #contents .lnb_area .gnb .m_5 .dp2 > li.on{border-bottom:5px solid #95ba39;}
.sub #contents .lnb_area .gnb .m_guide .dp2 > li.on{border-bottom:5px solid #c06cab;}

.sub #contents .lnb_area .gnb .dp2 > li.on a{color:#222!important; }


/*contents기본배치*/
#contents{ position:relative; z-index:1}
.sub .doc{ padding:50px 0 150px; overflow:hidden; background:#fff;}
.sub .doc.sub1_1_st {padding:0;}
.sub .svisu_area{ height:320px; width:100%; position:relative; }
.sub .svisu_area .visu_sgarea{ text-align:center; position:relative; opacity:0;}
.sub .svisu_area .visu_sgarea h2{font-size:3em; color:#fff; font-weight:600; padding-top:100px; padding-bottom:5px; font-family:nbgB;}
.sub .svisu_area .visu_sgarea .visu_sg{ font-size:1.53em; color:#f1f1f1; }

.sub .svisu_area .nav { position:absolute; right:0px; bottom:-307px; }
.sub .svisu_area .nav > li{ background:url(../images/inc/nav_arr.png) no-repeat 4px 3px; display:inline-block; *display:inline; zoom:1;font-size:13px;  color:#fff; padding-left:15px; line-height:15px; }
.sub .svisu_area .nav > .bn { background:none; }
.sub .svisu_area .nav > li img{vertical-align:middle;}
.sub .svisu_area .nav > li:first-child{background:none;}
 
.sub .sub_con{position:relative; z-index:1; }
.sub .sub_con .gnb_area{}
.sub .sub_con .con_area{width:100%;}

.sub strong { font-family:notokrB, sans-serif; padding-left:5px; }

.doc_tit{ border-bottom:1px solid #ccc; margin-bottom:30px;  padding-bottom:5px; text-align:center}
.doc_tit > p{font-size:1.61em; font-weight:600; color:#222;  display:inline; position:relative;}
.doc_tit > p::before{content:''; position:absolute; bottom:-7px; left:0; background:#555; width:100%; height:3px; display:inline-block; *display:inline; zoom:1;}


/*main*/
.wrap{position: relative; z-index:inherit; width:100%; } 
.wrap2{position: relative; z-index:inherit;}

.main_nav{  position:fixed; top:50%; width:140px; right:30px; z-index:100; display:none}
.main_nav > li > a{width:30px;height:50px; background-image:url(../images/main/nav.png); background-repeat:no-repeat; display:block; transition:.4s; background-position-x:0}
.main_nav > li.nav1 > a{ background-position-y:0}
.main_nav > li.nav2 > a{ background-position-y:-50px}
.main_nav > li.nav3 > a{ background-position-y:-100px}
.main_nav > li.nav4 > a{ background-position-y:-150px}
.main_nav > li.nav5 > a{ background-position-y:-200px}
.main_nav > li:hover > a,
.main_nav > li.on > a{ width:140px; background-position-x:-30px}

.mainvisual_wrap{position:relative;}
.mainvisual_wrap .scroll{ position:absolute; z-index:10; left:50%; bottom:10px; width:160px; margin-left:-80px; text-align:center;}
.mainvisual_wrap .scroll a{opacity:.7}
.mainvisual_wrap .scroll a:hover{ opacity:1}
.mainvisual{ position:relative}
.mainvisual .flex-control-paging{ position:absolute; z-index:10; top:430px; left:0; width:100%; text-align:center}
.mainvisual .flex-control-paging li{ display:inline-block; vertical-align:bottom; margin:0 3px}
.mainvisual .flex-control-paging li a{ display:block; width:10px; height:10px; background:#fff; opacity:.7; font-size:0}
.mainvisual .flex-control-paging li a.flex-active{ height:30px; opacity:1}
.mainvisual .flex-direction-nav li a{ position:absolute; z-index:10; top:50%; width:110px; height:30px; margin-top:-15px; background-image:url(../images/main/visual_btn.png); background-repeat:no-repeat; opacity:.7}
.mainvisual .flex-direction-nav li a.flex-prev{ left:2em}
.mainvisual .flex-direction-nav li a.flex-next{ right:2em;  background-position:-110px 0}
.mainvisual .flex-direction-nav li a:hover{ opacity:1}

.mainvisual_li{ background-repeat:no-repeat; background-position:center top}
.mainvisual_li.v1{ background-image:url(../images/main/visual1.jpg); background-position-x:70%; background-position-y:20%}
.mainvisual_li.v2{ background-image:url(../images/main/visual2.jpg)}
.mainvisual_li.v3{ background-image:url(../images/main/visual3.jpg)}

.nav_intro_wrap{position:absolute; z-index:10; width:100%; left:0; top:485px;}
.nav_intro_wrap .line{ position:absolute; width:100%; height:1px; bottom:50%; background:#fff; opacity:.5}
.nav_intro{ width:100%; max-width:1200px; margin:0 auto;position:relative; font-size:0;}
.nav_intro > li{ display:inline-block; *display:inline; zoom:1; width:20%;}
.nav_intro > li > a{display:block; text-align:center; position:relative; margin:0 16px}
.nav_intro > li > a .backbox{position:absolute; top:14%; left:14%; transform:rotate(45deg); background:rgba(255, 255, 255, 0.9); width:74%; height:74%; border-radius:25px;}
.nav_intro > li > a p{ position:relative; font-size:1.46em; font-weight:600; color:#777;}
.nav_intro > li > a .xi{ position:relative; font-size:3.5em; padding:25% 0 9%;}
.nav_intro > li.nav1 > a .xi{color:#bd66a8;}
.nav_intro > li.nav2 > a .xi{color:#4288c1;}
.nav_intro > li.nav3 > a .xi{color:#17aba4;}
.nav_intro > li.nav4 > a .xi{color:#f07d2c;}
.nav_intro > li.nav5 > a .xi{color:#95b93d;}

.slogan{ position:absolute; z-index:10; width:100%; top:150px; text-align:center;}
.slogan .s1{font-size:1.92em; color:#fff; padding-bottom:5px;}
.slogan .s2{font-size:2.6em; color:#fff; font-weight:600; padding-bottom:30px; margin-bottom:20px; background:url(../images/main/smaile_icon.png) no-repeat center bottom;}
.slogan .s3{padding:5px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; display:inline-block; }
.slogan .s3 img{width:100%; max-width:536px;}

.con_wrap .tit_box1{text-align:center; padding:35px 0;position:relative; }
.con_wrap .tit_box1 .l_line{position:absolute; width:100%; height:1px; background:#ccc; left:-50%; top:50%; margin-left:-57px;}
.con_wrap .tit_box1 .r_line{position:absolute; width:100%; height:1px; background:#ccc; right:-50%; top:50%; margin-right:-57px;}
.con_wrap .tit_box1 .main_tit{font-size:1.30em; font-weight:600; color:#111;  display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
.con_wrap .con1_p1{font-size:2.2em; font-weight:600; color:#000; padding-bottom:10px;}
.con_wrap .con1_p2{font-size:1.3em;  color:#666; padding-bottom:40px;}
.con_wrap .con1_p2.pd0{padding: 0;}
.con_wrap .con1_p3{font-size:1.2em;  color:#666; margin-bottom:40px; margin-top: 30px; line-height: 1.6; padding: 20px 30px; box-sizing: border-box; border-top: 2px solid #666; background: #f1f1f1; }
.con_wrap .con1_p3 > span[class*="t"]{ display:block; margin:1em 0}
.con_wrap .con1_p3 .t1{}
.con_wrap .con1_p3 .t2{ font-weight:700; font-size:1.25em; color:#3162a8}
.con_wrap .con1_p3 .point{ font-style:normal; font-weight:700; color:#333}

.con_wrap .con1{text-align:center;}
.con_wrap .con1 .con1_over{overflow:hidden; margin-bottom:80px;}
.con_wrap .con1 .con1_over > li{float:left; width:calc(33.33% - 22px); margin-left:30px; border:1px solid #ccc; padding:40px 0;}
.con_wrap .con1 .con1_over > li:first-child{margin-left:0;}
.con_wrap .con1 .con1_over > li .int_p1{font-weight:600; font-size:1.69em; color:#000; padding-bottom:40px;}
.con_wrap .con1 .con1_over > li .int_img{margin-bottom:20px; width:100%;}
.con_wrap .con1 .con1_over > li .int_img img{width:100%;}
.con_wrap .con1 .con1_over > li .int_p2{text-align:left;  font-size:1.15em; color:#666; margin-bottom:8px; padding-left:20px; position:relative;}
.con_wrap .con1 .con1_over > li .int_p2::before{content:' -'; padding-right:3px;}
.con_wrap .con1 .con1_over > li.int01,
.con_wrap .con1 .con1_over > li.int03{margin-top:40px;}

.con_wrap .con2{text-align:center; background:#f4f4f4; padding-bottom:80px;}
.con_wrap .con2 .con2visual{width:85%; max-width:1198px; max-height:508px; height:inherit!important; margin:0 auto; border:1px solid #ccc; position:relative;}
.con_wrap .con2 .con2visual_li{width:100%; position:relative; height:inherit!important}
.con2visual_li .left_p{position:absolute; left:40px; top:40px; font-size:3.8em; font-weight:600; font-family:notokrB; color:#fff;}
.con2visual_li .left_p .st1{font-size:0.4em; padding-left:35px;  vertical-align:middle; letter-spacing:1px; position:relative;}
.con2visual_li .left_p .st1::before{content:''; display:inline-block; *display:inline; zoom:1; position:absolute; left:21px; top:-5px; background:#fff; width:1px; height:26px;}
.con2visual_li .left_p .st1 .st1_1{background:#ab58c0; padding:0 5px;}
.con2visual_li .feature{position:absolute; right:40px; bottom:27px;}
.con2visual_li .feature ul li{display:inline-block; *display:inline; zoom:1; width:120px; height:120px; border-radius:50%; border:2px solid rgba(255, 255, 255, 0.9);}
.con2visual_li .feature ul li .line1{border:1px solid rgba(255, 255, 255, 0.4); width:104px; height:104px; margin:4px; padding:3px; border-radius:50%;}
.con2visual_li .feature ul li .line1 .line2{background:rgba(255, 255, 255, 0.9);border-radius:50%;width:100%; height:100%;}
.con2visual_li .feature ul li .line1 .line2 p{font-size:1.15em; font-weight:600; color:#333; line-height:20px;}
.con2visual .flex-direction-nav li a{ position:absolute; z-index:10; top:50%; width:17px; height:27px; margin-top:-13.5px; background-image:url(../images/main/con2_visual_btn.png); background-repeat:no-repeat; opacity:.7}
.con2visual .flex-direction-nav li a.flex-prev{ left:-3.5em}
.con2visual .flex-direction-nav li a.flex-next{ right:-3.5em; background-position:-28px 0}
.con2visual .flex-direction-nav li a:hover{ opacity:1}

.con3{text-align:center; padding-bottom:80px; max-width:1200px; width:100%; margin:0 auto;}
.con3 .con3_ul{overflow:hidden;}
.con3 .con3_ul > li{float:left; width:calc(33.33% - 30px); margin-left:30px; position:relative; margin-bottom:30px;}
.con3 .con3_ul > li:first-child
.con3 .con3_ul > li:nth-child(3n+1){margin-left:0;}
.con3 .con3_ul > li .info{position:absolute; bottom:0; width:100%; height:50px; vertical-align:middle; background:rgba(0, 0, 0, 0.8);}
.con3 .con3_ul > li .info .building_name{position:relative;}
.con3 .con3_ul > li .info .building_name .p1{color:#fff; font-size:1.23em; font-weight:600; position:absolute; left:13px; top:15px; width:calc(100% - 170px); text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.con3 .con3_ul > li .info .building_name .p2{color:#fff; font-size:1em; display:inline-block; position:absolute; top:18px; right:105px;}
.con3 .con3_ul > li .info .building_name .p3{color:#fff; width:80px; height:33px; line-height:33px; border-radius:3px; font-size:1em; display:inline-block; *display:inlin; zoom:1; position:absolute; top:11px; right: 13px; font-weight:600;}
.con3 .con3_ul > li .info .building_name .p3.c1{background:#4288c1}
.con3 .con3_ul > li .info .building_name .p3.c2{background:#95b93d}
.con3 .con3_ul > li .info .building_name .p3.c3{background:#ff7200}

.con2_slide .flex-control-paging{display:none!important;}

.con4{text-align:center; background:#FFF; padding-bottom:80px;}
.con4 .notice_box{width:99%; max-width:900px; margin:0 auto 40px; border:1px solid #ccc; overflow:hidden; background:#fff;}
.con4 .notice_box .notice{float:left; width:14%; height:70px; font-size:1.38em; font-weight:600; background:#17aba4; color:#fff;} 
.con4 .notice_box .notice .xi{font-size:1.86em;}
.con4 .notice_box .date{float:left; width:11%; height:70px; text-align:center;}
.con4 .notice_box .date p{font-size:1.6em; color:#888; font-family:Arial, Helvetica, sans-serif;}
.con4 .notice_box .date p .year{font-size:0.69em; display:block!important;}
.con4 .notice_box .title{float:left; width:74%; height:70px; line-height:70px; border-left:1px solid #ccc; position:relative; text-align:left;}
.con4 .notice_box .title > p{font-size:1.2em; font-weight:600; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-left:15px; width:90%;}
.con4 .notice_box .title .more_btn{position:absolute; right:10px; top:50%;  }
.con4 .notice_box .title .more_btn .xi{font-size:34px; margin-top:-17px; color:#888; transition:0.3s;}
.con4 .notice_box .title .more_btn .xi:hover{color:#333;}
.con4 .news_box{}
.con4 .news_box ul{overflow:hidden; padding-top:1px}
.con4 .news_box ul li{float:left; width:calc(25% - 2px); border:1px solid #ccc; text-align:left;  background:#fff; margin-left:-1px;}
.con4 .news_box ul li:first-child,
.con4 .news_box ul li:nth-child(5){margin-left:1px;}
.con4 .news_box ul li:nth-child(1),
.con4 .news_box ul li:nth-child(2),
.con4 .news_box ul li:nth-child(3),
.con4 .news_box ul li:nth-child(4){margin-top:-1px;}
.con4 .news_box ul li .subject{padding:20px 0px; height:110px; overflow:hidden;}
.con4 .news_box ul li .subject .p1{font-size:1.23em;  color:#222; line-height:24px; position:relative; padding:0 14px;}
.con4 .news_box ul li .subject .p1::before{content:''; display:inline-block; *display:inline; zoom:1; background:#bd66a8; width:5px; height:20px; position:absolute; left:0; top:0; }
.con4 .news_box ul li .subject .p1.c1::before{background:#bd66a8;}
.con4 .news_box ul li .subject .p1.c2::before{background:#4288c1;}
.con4 .news_box ul li .subject .p1.c3::before{background:#17aba4;}
.con4 .news_box ul li .subject .p1.c4::before{background:#f07d2c;}
.con4 .news_box ul li .subject .p1.c5::before{background:#95b93d;}
.con4 .news_box ul li .subject .p1.c6::before{background:#c62132;}
.con4 .news_box ul li .subject .p1.c7::before{background:#777777;}
.con4 .news_box ul li .subject .p1.c8::before{background:#bd66a8;}

.con4 .news_box ul li .date{border-top:1px solid #ccc; padding:20px 14px; position:relative; }
.con4 .news_box ul li .date > p{font-size:1em; color:#777;}
.con4 .news_box ul li .date .more_btn{position:absolute; right:14px; top:50%; margin-top:-15px; font-size:30px; color:#999;}
.con4 .news_box ul li .date .more_btn:hover{color:#333;}

.con5{text-align:center; margin-bottom:100px;}
.con5 .con5_map_info .tel{background:#707070; padding:10px 0 ;}
.con5 .con5_map_info .tel .xi{font-size:2.1em; color:#ffd200; display:inline-block; *display:inline; zoom:1; vertical-align:bottom; padding-right:5px;}
.con5 .con5_map_info .tel .num{font-size:2em; color:#ffd200; display:inline-block; *display:inline; zoom:1;}
.con5 .con5_map_info .info{background:#707070; padding:10px 0; text-align:center; border-top:1px solid #999;}
.con5 .con5_map_info .info .info_01{display:inline-block; *display:inline; zoom:1; margin:0 10px;}
.con5 .con5_map_info .info .info_01 .xi{font-size:1.8em; color:#fff; display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding-right:5px;}
.con5 .con5_map_info .info .info_01 .num{font-size:1.15em; color:#fff; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.root_daum_roughmap{width:100%!important;}
.con5 .con5_map_info .con5_map .map > div > div > div > div > div{background-color:#333!important; padding:4px 10px!important; left:-5px!important; border:1px solid #333!important;}
.con5 .con5_map_info .con5_map .map > div > div > div > div > div a{color:#fff;}


/*sub1_1*/
.con1_c2{background:#ebebeb; padding:70px 0!important;}
.sub1_1 .con1{padding:20px 0 70px;}
.sub1_1 .con1 .p1{font-size:2.23em; color:#666666; }
.sub1_1 .con1 .p1.st1{font-size:1.30em; color:#111;}
.sub1_1 .con1 .p1.st2{padding-bottom:6px;}
.sub1_1 .con1 .img_box1{margin:25px 0; position:relative; background:url(../images/sub1/con1_img1.jpg) no-repeat center center; width:100%; height:180px;}
.sub1_1 .con1 .img_box2{margin:25px 0; position:relative; background:url(../images/sub1/con2_img1.jpg) no-repeat center center; width:100%; height:180px;} 
.sub1_1 .con1 .img_box1 .img_p1{position:absolute; top:47px; right:12%; color:#fff; font-size:1.46em;  font-weight:600;}
.sub1_1 .con1 .img_box1 .img_p1 .st1{font-family:nm, serif; font-weight:600; font-size:2em; color:#25d3cb;}
.sub1_1 .con1 .img_box1 .img_p2{position:absolute; top:95px; right:5%; color:#fff; font-size:1.46em; font-weight:600; }
.sub1_1 .con1 .img_box1 .img_p2 .st1{font-family:nm, serif; font-weight:600; font-size:2em; color:#ff8503;}

.sub1_1 .con1 .img_box2 .img_p1{position:absolute; top:50px; right:35%; color:#b8f915; font-size:2.6em; font-family:nm, serif; font-weight:600;}
.sub1_1 .con1 .img_box2 .img_p2{position:absolute; top:100px; right:5%; color:#fff; font-size:1.46em; font-weight:600;}
.sub1_1 .con1 .p2{font-size:1.8em; color:#656565; padding-bottom:10px;}
.sub1_1 .con1 .p3{font-size:1.3em; color:#656565; line-height:25px;}
.sub1_1 .con1 .p3.st {line-height:36px; padding-top:30px;}

.sub1_1 .con2{padding:60px 0 80px; text-align:right;}
.sub1_1 .con2 .p1{font-size:1.38em; color:#656565; }
.sub1_1 .con2 .p2{font-size:1.38em; padding-top:20px; color:#333;}
.sub1_1 .con2 .p2 .st1{font-size:1.38em; font-weight:600;}
.sub1_1 .con2 .sign{margin-top:40px;}

/*인사말*/
.greetings_bot_w .greetings_ul {overflow:hidden; text-align: center; }
.greetings_bot_w .greetings_ul > li { display: inline-block; }
.greetings_bot_w .greetings_ul > li.left {width:50%; text-align: left; }
.greetings_bot_w .greetings_ul > li.right {width:35%; vertical-align: top; }
.greetings_bot_w .greetings_ul > li.right .greetings_in {margin-left:15%; }
.greetings_bot_w .greetings_ul > li .greetings_in { font-size: .938em; }
.greetings_bot_w .greetings_ul > li .greetings_in .tx {font-size:1.3em; color:#222;  line-height:1.5; padding-bottom:1.5em; letter-spacing:.1px; vertical-align:middle;}
.greetings_bot_w .greetings_ul > li .greetings_in .tx .col {color:#0078c2;vertical-align:bottom;}
.greetings_bot_w .greetings_ul > li .greetings_in .tx.t1 {font-size:1.8em;color:#222; font-weight:600;}
.greetings_bot_w .greetings_ul > li .greetings_in .tx.t2 {padding-top:1em;}
.greetings_bot_w .greetings_ul > li .greetings_in .tx.st {padding-bottom:0; color:#c06cab; font-weight:600;}
.greetings_bot_w .greetings_ul > li .greetings_in .tx.pa_l {padding-left:9.5em; color:#c06cab; font-weight:600;}
.greetings_bot_w .greetings_ul > li .greetings_in .sign {text-align:right; padding-top:1em; font-size:1.375em;}
.greetings_bot_w .greetings_ul > li .greetings_in .sign .name {font-weight:600; font-size:1.438em}
.greetings_bot_w .greetings_ul > li .greetings_in .im { margin-top: 112px; }

/*sub1_2*/
.sub1_2 .txt_box1{margin-left:153px;}
.sub1_2 .txt_box1 .p1{font-size:2.23em; color:#666; }
.sub1_2 .txt_box1 .p1 .st1{font-size:1.3em; color:#16aba9;}
.sub1_2 .txt_box1 .p2{font-size:1.63em; color:#666; font-family:nm, serif; margin-top:6px; padding-left:57px;}
.sub1_2 .txt_box1 .p2 .st1{font-weight:600; color:#222; font-size:1em;}
.sub1_2 .txt_box1 .p1 .space{padding-left:56px;}
.sub1_2 .img_box1{overflow:hidden; margin-top:40px;}
.sub1_2 .img_box1 .left_dv{float:left; width:41%; margin-left:10%;}
.sub1_2 .img_box1 .right_dv{float:left; width:28%; height:315px; padding:30px; border:1px solid #ccc; background:#f5f5f5; border-radius:3px; box-shadow:5px 5px 0 0 rgba(0, 0, 0, 0.3); position:relative; margin:80px 0 0 6%;}
.sub1_2 .img_box1 .right_dv::before{content:url(../images/sub1/box_t_icon.jpg) ; position:absolute; top:3px; left:3px; }
.sub1_2 .img_box1 .right_dv::after{content:url(../images/sub1/box_b_icon.jpg) ; position:absolute; bottom:3px; right:3px; }
.sub1_2 .img_box1 .right_dv dl dt{font-size:1.46em; font-weight:600; color:#222; margin-bottom:4px;}
.sub1_2 .img_box1 .right_dv dl dd{font-size:1.23em; color:#777; margin-bottom:25px;}



/*sub1_3*/
.history_top{width:100%; height:180px; background:url(../images/sub1/his_banner.jpg) no-repeat center center; text-align:center; border:1px solid #ccc; box-sizing:border-box;}
.history_top .p1{font-size:2.23em; color:#666; padding-top:27px; line-height:41px;}
.history_top .p1 .st1{font-size:1.3em; color:#16aba9;}
.history_top .p2{font-size:1.3em; color:#555; font-weight:600; padding-top:15px;}

.history_wrap{position:relative; z-index:inherit; border-top:1px solid #ccc; margin-top:-1px}
.history{ position:relative; z-index:inherit}
.history > li{ width:50%; position:absolute; z-index:inherit}
.history > li.left{ left:0; text-align:right}
.history > li.right{ right:0; text-align:left}

.history > li > dl{}
.history > li > dl > dt{padding:0 5% 10px 5%; font-family:Georgia, "Times New Roman", Times, serif; color:#cecece; font-size:50px; position:relative; z-index:inherit}
.history > li > dl > dt .line{ display:block; position:absolute; z-index:inherit; width:5%; top:30px; height:1px; background:#c9c9c9;}
.history > li.left > dl > dt .line{right:0}
.history > li.right > dl > dt .line{left:0}
.history > li > dl > dt .icon{position:absolute; z-index:1; width:10px; top:25px; display:block}
.history > li > dl > dt .icon img{ width:100%}
.history > li.left > dl > dt .icon{right:-5px}
.history > li.right > dl > dt .icon{left:-5px}
.history > li > dl > dd{ padding:7px 0; overflow:hidden}
.history > li.left > dl > dd{ padding-right:5%}
.history > li.right > dl > dd{ padding-left:5%}
.history > li > dl > dd .mon{ font-weight:600; color:#555;font-family:Tahoma, sans-serif; font-size:1.23em; width:8%; display:block;padding-left:1%}
.history > li > dl > dd .tt{display:block; width:82%;font-size:1.15em; color:#444; line-height:1.3}
.history > li.left > dl > dd .mon{ float:right}
.history > li.right > dl > dd .mon{ float:left}
.history > li.left > dl > dd .tt{ float:right}
.history > li.right > dl > dd .tt{ float:left}

.history .same_mon{margin-top:-10px}

.history_line{ width:1px; position:absolute; z-index:inherit; background:#c9c9c9; left:50%; height:100%; top:0; display:block}

/*sub1_4*/
.organi{width:100%; text-align:right; position:relative;}
.organi .or_txt{position:absolute; top:20px; left:6%; text-align:left;}
.organi .or_txt .p1{font-size:2em; color:#CCC; font-weight:600; padding-bottom:10px;}
.organi .or_txt .p2{font-size:2.23em; color:#666;  padding-bottom:20px; margin-bottom:20px; position:relative;}
.organi .or_txt .p2 .st1{font-size:1.3em; color:#12aca4;}
.organi .or_txt .p2::before{content:''; display:inline-block; *display:inline; zoom:1; position:absolute; bottom:0px; left:0; background:#ccc; width:100%; height:1px;}
.organi .or_txt .p3{font-size:1.3em; color:#666; line-height:25px;}

/*sub1_5*/
.tab_menu{text-align:center;}
.tab_menu .tab_idx{margin-bottom:60px;}
.tab_menu .tab_idx li{display:inline-block; *display:inline; zoom:1; border:1px solid #c06caa; width:18%; height:51px; line-height:51px; color:#c06caa; font-size:1.38em; font-weight:600; text-align:center; border-radius:5px; position:relative; margin-left:8px; cursor:pointer; transition:0.2s;}
.tab_menu .tab_idx li:first-child{margin-left:0;}
.tab_menu .tab_idx li:hover{background:#ffe8f9}
.tab_menu .tab_idx li.on{background:#c06caa; color:#fff;}
.tab_menu .tab_idx li.on::before{content:url(../images/sub1/tab_menu_arr.jpg); position:absolute; bottom:-11px; left:50%; margin-left:-9px;}
.tab_menu .detail_wrap{text-align:left; padding:0 35px;}

.s_tit{padding-left:24px; padding-bottom:3px; font-size:1.53em; font-weight:600; color:#222; background:url(../images/sub5/box_tit1_icon.jpg) no-repeat left 4px;}
.ci_concept{overflow:hidden; border:1px solid #ccc; width:100%; box-sizing:border-box; padding:20px; }
.ci_concept .left_dv{float:left; width:42%; text-align:center;}
.ci_concept .left_dv img{width:100%; max-width:375px;}
.ci_concept .left_dv2 img{width:100%; max-width:376px;}
.ci_concept .left_dv .img_t_50 {margin-top:60px;}
.ci_concept .right_dv{float:right; width:58%;}
.ci_concept .right_dv .con_t1{position:relative; padding-left:80px; margin-bottom:40px;}
.ci_concept .right_dv .con_t1.con_t2{margin-top:30px;}
.ci_concept .right_dv .con_t1 .title{position:absolute; left:0; top:2px; font-size:1.15em; color:#222; padding-left:10px; background:url(../images/sub1/p1_point.jpg) no-repeat left 8px;}
.ci_concept .right_dv .con_t1 .p1{ font-size:1.15em; font-weight:600; color:#0d69a3; line-height:1.5; letter-spacing:0;}
.ci_concept .right_dv .con_t1 .p1 .st1{font-weight:300; font-size:1em;}
.ci_concept .right_dv .con_t1 .p2{ font-size:1.15em; color:#666; line-height:1.5; letter-spacing:0;} 

.ci_color{background:#f5f5f5; border:1px solid #ccc; margin-top:-1px;}
.ci_color ul{overflow:hidden; padding:20px;}
.ci_color ul > li{float:left; width:24%; margin: 15px 0 30px 1%;}
.ci_color ul > li .li_dv{padding-left:40px; position:relative;}
.ci_color ul > li .li_dv .num{position:absolute; left:0; top:0; color:#fff; font-size:1.15em; font-weight:600; width:28px; height:28px; line-height:28px; border-radius:50%; text-align:center;}
.ci_color ul > li .li_dv .num.color1{background:#c160a1;}
.ci_color ul > li .li_dv .num.color2{background:#3f85c1;}
.ci_color ul > li .li_dv .num.color3{background:#17aaa5;}
.ci_color ul > li .li_dv .num.color4{background:#eb7c11;}
.ci_color ul > li .li_dv .num.color5{background:#96bb1c;}
.ci_color ul > li .li_dv .num.color6{background:#c71027;}
.ci_color ul > li .li_dv .num.color7{background:#636060;}
.ci_color ul > li .li_dv .p1{font-size:1.38em; font-weight:600; color:#222; margin-bottom:5px; letter-spacing:0!important; padding-top:3px;}
.ci_color ul > li .li_dv ol{}
.ci_color ul > li .li_dv ol li{padding-left:41px; position:relative; font-size:1.15em; color:#666; margin-bottom:3px; line-height:21px;}
.ci_color ul > li .li_dv ol li .st1{position:absolute; left:0; top:1px; font-size:1em; color:#666;}

.ci_updown{border:1px solid #ccc; width:100%; box-sizing:border-box; padding:20px; text-align:center;}
.ci_updown .left_logo{display:inline-block; *display:inline; zoom:1; width:49%;}
.ci_updown .left_logo img{max-width:269px; width:100%;}
.ci_updown .right_logo{display:inline-block; *display:inline; zoom:1; width:49%;}
.ci_updown .right_logo img{max-width:320px; width:100%;}

.ci_updown2{border:1px solid #ccc; width:100%; box-sizing:border-box; padding:20px; text-align:center;}
.ci_updown2 .left_logo{display:inline-block; *display:inline; zoom:1; width:49%;}
.ci_updown2 .left_logo img{max-width:400px; width:100%;}
.ci_updown2 .right_logo{display:inline-block; *display:inline; zoom:1; width:49%;}
.ci_updown2 .right_logo img{max-width:466px; width:100%;}

.ci_rule{border:1px solid #ccc; width:100%; box-sizing:border-box; padding:70px 20px 80px; text-align:center; }
.ci_rule > ul{overflow:hidden;}
.ci_rule > ul li{float:left; width:25%; text-align:center; margin-bottom:20px;}
.ci_rule > ul li .p1{ font-size:1.30em; display:inline-block; *display:inline; zoom:1; padding:8px 13px; border-radius:18px; border:1px solid #ccc; background:#f9f9f9; color:#222; margin-top:10px;}

.ci_no{border:1px solid #ccc; width:100%; box-sizing:border-box; padding:50px 20px 20px; text-align:center; background:#f9f9f9; position:relative; overflow:hidden;}

.ci_no > ul{overflow:hidden;}
.ci_no > ul li{float:left; width:22%; margin:10px 1.5% 30px; text-align:center;}
.ci_no > ul li .logo_dv{border:1px solid #ccc; border-radius:10px; background:#fff; overflow:hidden; }
.ci_no > ul li .p1{font-size:1.15em; color:#333; margin-top:10px; text-align:left; padding-left:13px; position:relative;}
.ci_no > ul li .p1::before{content:url(../images/sub1/no_p_arr.jpg); position:absolute; left:0; top:1px;}



/*sub1_6*/
.cli > ul{overflow:hidden;10px}
.cli > ul > li{position:relative; float:left; width:calc(46% - 2px); margin:0 1%; padding:20px 1% 30px; overflow:hidden; margin-bottom:20px; border-radius:3px; border:1px solid #c5c5c5; box-shadow:2px 2px 8px 0px rgba(0,0,0,0.2);}
.cli > ul > li .cli_img{float:left; width:35%; border:1px solid #ccc; margin-right:10px; text-align:center;}
.cli > ul > li .cli_info{float:left; width:calc(65% - 12px);}
.cli > ul > li .cli_info .name{font-size:1.3em; color:#06C; font-weight:600; padding:0 0 15px;}
.cli > ul > li .cli_info .ment{font-size:1.07em; color:#333; font-weight:600; padding-bottom:5px;}
.cli > ul > li .cli_info .subject{font-size:1em; color:#666; line-height:18px;}
.cli > ul > li .cli_info .go{position:absolute; right:10px; bottom:10px;}
.cli > ul > li .cli_info .go a{display:block; background:#555;border-radius:50%; color:#fff; font-weight:600; padding:5px 8px 8px 8px; text-decoration:none; border:1px solid #555; transition:0.2s;}
.cli > ul > li .cli_info .go a:hover{background:#fff; color:#555;}

/*sub1_7*/
.sub_map{border:1px solid #ccc; border-radius:10px; overflow:hidden;  border-top:1px solid #333;}
.map_info { width:100%; margin:-1px auto 0; padding:0px; border-collapse:collapse;  border-top:1px solid #ddd;}
.map_info th {  padding:12px 20px 12px 25px; text-align:left; font-size:1.14em; border-right:1px dotted #eeeeee; border-bottom:1px solid #888; background:#f7f7f7; color:#333333; }
.sub_map .map > div > div > div > div > div{background-color:#333!important; padding:4px 10px!important; left:-5px!important; border:1px solid #333!important;}
.sub_map .map > div > div > div > div > div a{color:#fff;} 


.map_info  td { padding:12px 20px 12px 25px; text-align:left; font-size:1.14em; color:#555555; border-bottom:1px solid #ccc; line-height:25px; } 
.map_info  td p.tt { font-size:1em; margin-bottom:4px;}
.map_info  td p.body_txt { padding-left:28px;}


/*sub2_1*/
.tit_area{ width:100%; height:209px;  text-align:center;}
.tit_area.tit_area_bg1{background:url(../images/sub2/2_1img01.jpg) no-repeat center 0;}
.tit_area.tit_area_bg2{background:url(../images/sub2/2_1img02.jpg) no-repeat center 0;}
.tit_area.tit_area_bg3{background:url(../images/sub2/2_1img03.jpg) no-repeat center 0;}
.tit_area.tit_area_bg4{background:url(../images/sub2/2_1img04.jpg) no-repeat center 0;}
.tit_area .p1{font-size:1.46em; color:#fff; font-weight:600; padding-top:29px;}
.tit_area .p1 .st1{font-size:2.84em; font-family:notokrB; display:inline-block; padding-right:30px; position:relative;}
.tit_area .p1 .st1::before{content:''; position:absolute; bottom:12px; right:10px; width:1px; height:27px; background:#fff;}
.tit_area .p1 .st2{font-size:1em; display:inline-block; padding:3px 6px 4px; background:#4888c2; margin:0 6px; border-radius:3px;}
.tit_area .p2{padding:25px 0; font-family:nm, serif; color:#ccc; font-size:1.61em; position:relative;}
.tit_area .p2::before{content:url(../images/sub2/p2_icon1.png); position:absolute; top:0; left:50%; margin-left:-6px;}
.tit_area .p2::after{content:url(../images/sub2/p2_icon2.png); position:absolute; bottom:0; left:50%; margin-left:-6px;}

.txt_area{overflow:hidden; margin-top:80px;}
.txt_area .a1{float:left; width:170px; margin-top:30px;}
.txt_area .a2{float:left; width:530px}
.txt_area .a3{float:right; width:450px; position:relative;}
.txt_area .a1 .p1{font-size:1.46em; color:#8E8E8E;}
.txt_area .a1 .p2{font-size:1.84em; color:#444; font-weight:600;}
.txt_area .a2 > ul{overflow:hidden;}
.txt_area .a2 > ul > li{float:left; width:125px; margin-left:7px; border:2px solid #5893c7; background:#fff; border-radius:50%;  box-sizing:border-box;}
.txt_area .a2 > ul > li:first-child{margin-left:0;}
.txt_area .a2 > ul > li .cir1{border:1px solid #cddfee; margin:5px; background:#fff; border-radius:50%; display:block;}
.txt_area .a2 > ul > li .cir2{background:#5893c7; margin:5px; color:#fff; font-weight:600; border-radius:50px; width:100px; height:100px; display:block; text-align:center;}
.txt_area .a2 > ul > li p{font-size:16px; line-height:20px;}
.txt_area .a3{padding:14px; box-sizing:border-box;}
.txt_area .a3 p{font-size:1.23em; line-height:23px; color:#333; letter-spacing:0;}
.txt_area .a3::before{content:url(../images/sub2/a3_icon1.png); position:absolute; top:0; left:0;}
.txt_area .a3::after{content:url(../images/sub2/a3_icon2.png); position:absolute; bottom:0; right:0;}


/*sub3_1*/
.port_list{ padding:30px;}
.port_list > ul > li{float:left; width:48.5%; border-bottom:1px solid #ccc; padding-bottom:20px; margin-left:3%; margin-bottom:60px;  position:relative;}
.port_list > ul > li:nth-child(2n-1){margin-left:0;}
.port_tit{font-size:1.23em;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333; margin-bottom:10px; position:relative; font-weight:600;}
.port_tit::before{content:url(../images/sub4/tit_icon2.jpg); position:absolute; left:0; top:5px; display:inline-block; *display:inline-block; zoom:1;}
.port_list > ul > li .plus_btn{position:absolute; bottom:-1px; right:0; filter:alpha(opacity=50); opacity:0.5;}
.port_list > ul > li .plus_btn:hover{filter:alpha(opacity=100); opacity:1; transition:0.3s;}
.port_list > ul > li > ol > li{float:left; width:50%;}
.port_list > ul > li > ol > li.img{border:1px solid #ccc; box-sizing:border-box; max-width:250px; }
.port_list > ul > li > ol > li.img:hover img{ filter:alpha(opacity=100); opacity:1;}
.port_list > ul > li > ol > li.img img{width:100%; max-width:250px; height:150px; filter:alpha(opacity=80); opacity:0.8; transition:0.3s;}
.port_list > ul > li > ol > li.txt{padding-top:1px; max-height:152px;}
.port_list > ul > li > ol > li.txt > p{font-size:1em; position:relative; padding-left:70px; margin-bottom:3px; line-height:19px; color:#666;}
.port_list > ul > li > ol > li.txt > p > span{position:absolute; left:8px; top:0; font-size:1em; font-weight:600; color:#444;}

.port_info .port_name{padding-bottom:20px; border-bottom:1px solid #bbb; margin-bottom:20px;}
.port_info .port_name .p1{font-size:1.23em; color:#999; padding-bottom:3px; font-weight:600;} 
.port_info .port_name .p2{font-size:1.53em; color:#333; font-weight:600;} 
.port_info .port_intro{background:#f1f1f1; border:1px solid #ddd; padding:20px;}
.port_info .port_intro > p{ font-size:1.15em; color:#777; line-height:20px;}
.port_info .port_txt{margin:20px 0 40px;}
.port_info .port_txt ul{overflow:hidden;}
.port_info .port_txt ul > li{float:left; width:50%; margin-bottom:15px;}
.port_info .port_txt ul > li > p{font-size:1.15em; position:relative; padding:2px 0 2px 95px;}
.port_info .port_txt ul > li > p > .title{position:absolute; left:0; top:0; font-size:1em; color:#fff; font-weight:600; background:#4687c1; width:80px; border-radius:10px; text-align:center; padding:3px 0;}
.port_info .port_txt ul > li > p > .title.title_c2{background:#19aba1;}
.port_info .port_txt ul > li > p > .title.title_c3{background:#ef7e30;}

.port_gallery #gallery{border:1px solid #ccc; padding:10px;  font-size:0; margin-top:20px; background:#f1f1f1;}
.port_gallery #gallery a{display:inline-block; width:49.2%; margin:5px 0.4%; height:360px; filter:alpha(opacity=70); opacity:0.7;}
.port_gallery #gallery a:hover{ filter:alpha(opacity=100); opacity:1; transition:0.2s;}
.port_gallery #gallery a img{width:100%; height:100%;}

.zoom_img{position:relative;}
.zoom_img_on{position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0) ; border-radius:3px;}
.zoom_img_on:hover{position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0.3) url(../images/inc/zoom_img.png) no-repeat center center;}

/*sub4_4*/
.sub4_4 .p1{font-size:2em; font-weight:600; color:#333; text-align:center; padding:40px 0; position:relative; border:1px solid #ccc; background:#f9f9f9; background:url(../images/sub4/4_4img02.jpg) no-repeat 100px bottom;}
.sub4_4 .p1::before{content:url(../images/sub4/p1_icon1.png); position:absolute; top:10px; left:50%; margin-left:-6px;}
.sub4_4 .p1::after{content:url(../images/sub4/p1_icon2.png); position:absolute; bottom:10px; left:50%; margin-left:-6px;}

.sub4_4 .img_box1{width:100%; height:223px; background:url(../images/sub4/4_4img01.jpg) no-repeat center 0; text-align:center; position:relative;}
.sub4_4 .img_box1 p{font-size:1.46em; color:#fff; padding-top:84px; line-height:25px;}
.sub4_4 .img_box1 .cyber_btn{position:absolute; width:265px; height:55px; line-height:55px; left:50%; margin-left:-132px; bottom:16px; color:#fff; font-size:20px; text-align:center; background:url(../images/sub4/4_4btn.png) no-repeat 0 0; cursor:pointer; transition:0.2s;}
.sub4_4 .img_box1 .cyber_btn:hover{font-weight:600;}

/*sub5_1*/
.sub_5box{padding:0 20px;}
.sub_5box .top_box .p1{font-size:2.23em; color:#333; line-height:39px;}
.sub_5box .top_box .p1 .st1{font-size:1.3em; color:#16aba9;}
.sub_5box .top_box .p2{padding:10px 0 10px 48px; color:#666; position:relative; font-size:1.46em; margin-top:16px;}
.sub_5box .top_box .p2 .q_icon{position:absolute; left:0; top:0; display:inline; background:#16aba9; border-radius:50%; color:#fff; padding:4px 11px 6px; font-size:1.38em;}
.sub_5box .icon_box{border:1px solid #ccc;margin-top:30px;}
.sub_5box .icon_box ul{overflow:hidden; padding:30px; }
.sub_5box .icon_box ul li{float:left; width:50%; margin-bottom:20px; min-height:133px;}
.sub_5box .icon_box ul li .cont{position:relative; padding-left:140px; display:block; padding-top:22px;}
.sub_5box .icon_box ul li .cont .icon{position:absolute; left:0; top:0;}
.sub_5box .icon_box ul li .cont .p1{font-size:2.3em; font-weight:600; position:relative;}
.sub_5box .icon_box ul li .cont .p1::before{content:''; display:inline-block; *display:inline; zoom:1; background:#16aba9; width:10px; height:1px; position:absolute; left:3px; bottom:-12px;}
.sub_5box .icon_box ul li .cont .p1 .st1{font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#bbb; font-weight:300; letter-spacing:0;}
.sub_5box .icon_box ul li .cont .p2{padding-top:26px; font-size:1.15em; color:#333;}

.btn_sub5{margin-top:30px; color:#fff; font-size:1.69em; font-weight:600; border:1px solid #16aba9; background:#16aba9 url(../images/sub5/btn_arr.png) no-repeat 90% center; padding:18px 50px; border-radius:10px; transition:0.3s;}
.btn_sub5:hover{ background:#fff url(../images/sub5/btn_arr_h.png) no-repeat 95% center; color:#16aba9; border:1px solid #16aba9; cursor:pointer;}
.btn_box{text-align:center;}

/*sub5_2*/
.sub_5box2{padding:0 20px;}
.sub_5box2 .top_box .p1{font-size:2.23em; color:#333; line-height:39px;}
.sub_5box2 .top_box .p1 .st1{font-size:1.3em; color:#16aba9;}
.sub_5box2 .top_box .p2{padding:10px 0 10px 48px; color:#666; position:relative; font-size:1.46em; margin-top:16px;}
.sub_5box2 .top_box .p2 .q_icon{position:absolute; left:0; top:0; display:inline; background:#16aba9; border-radius:50%; color:#fff; padding:4px 16px 6px; font-size:1.38em;}
.sub_5box2 .icon_box{border:1px solid #ccc;margin-top:30px;}
.sub_5box2 .icon_box ul{overflow:hidden; padding:30px; }
.sub_5box2 .icon_box ul li{float:left; width:50%; margin-bottom:20px; min-height:133px;}
.sub_5box2 .icon_box ul li .cont{position:relative; padding-left:140px; display:block; padding-top:22px;}
.sub_5box2 .icon_box ul li .cont .icon{position:absolute; left:0; top:0;}
.sub_5box2 .icon_box ul li .cont .p1{font-size:1.46em; font-weight:600; position:relative;}
.sub_5box2 .icon_box ul li .cont .p1::before{content:''; display:inline-block; *display:inline; zoom:1; background:#16aba9; width:10px; height:1px; position:absolute; left:3px; bottom:-12px;}
.sub_5box2 .icon_box ul li .cont .p1 .st1{font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#bbb; font-weight:300; letter-spacing:0;}
.sub_5box2 .icon_box ul li .cont .p2{padding-top:26px; font-size:1.15em; color:#333; line-height:20px; padding-right:10px;}

/*5_3*/
.sub_5box2 .txt_box{padding:30px; border:1px solid #ccc; margin-top:30px;}
.sub_5box2 .txt_box.txt_box2{padding:60px 70px 100px; position:relative;}
.sub_5box2 .txt_box.txt_box2 .ab_img{position:absolute; right:0; bottom:0; text-align:right; min-width:270px;}
.txt_box .box_tit1{padding-left:24px; font-size:1.69em; font-weight:600; color:#222; background:url(../images/sub5/box_tit1_icon.jpg) no-repeat left center;}
.txt_box .box_ul_st1{margin:16px 0 60px 20px;}
.txt_box .box_ul_st1 li{padding-left:10px; font-size:1.24em; color:#666; position:relative; margin-bottom:4px;}
.txt_box .box_ul_st1 li::before{content:''; position:absolute; left:0; top:6px; background:#777; width:3px; height:3px;}

.txt_box .box_img{margin:16px 0 60px 20px;}
.txt_box .box_img_m{display:none;}
.txt_box .box_txt{margin:16px 0 60px 20px;}
.txt_box .box_txt .down_btn{display:inline-block; *display:inline; zoom:1; font-size:1em; color:#fff; padding:9px 40px 9px 55px; background:#4687c1 url(../images/sub5/down_img.png) no-repeat 29px center; cursor:pointer;}
.txt_box .box_txt .down_btn:hover{background:#777 url(../images/sub5/down_img.png) no-repeat 29px center;}
.txt_box .box_txt .email_btn{display:inline-block; *display:inline; zoom:1; font-size:1.15em; color:#666; margin-left:18px; padding-left:25px;
 background:url(../images/sub5/email_icon.png) no-repeat left center;  cursor:pointer;}
.txt_box .box_txt .email_btn:hover{color:#999;}


/*footer1 up*/
#footer{ position:relative; background:#393939;}
#footer .footerup{width:100%; height:50px; line-height:50px; border-bottom:1px solid #4b4b4b;}
#footer .footerup .box1{ position:relative;}
#footer .footerup .left_ul{overflow:hidden; margin-left:80px;}
#footer .footerup .left_ul li{float:left; margin-right:35px;}
#footer .footerup .left_ul li a{ color:#fff; font-size:1em; text-decoration:none;}
#footer .footerup .left_ul li a:hover{color:#c06caa}
#footer .footerup .l_home{position:absolute; left:0; top:0;}
#footer .footerup .l_home a img{background:#2d2d2d; padding:16px 21px 17px;}
#footer .footerup .r_top{position:absolute; right:0; top:0;}
#footer .footerup .r_top a img{background:#2d2d2d; padding:16px 21px;}
#footer .footerup .r_top a img:hover,
#footer .footerup .l_home a img:hover{background:#222; transition:0.3s;}

#footer .copy ul{overflow:hidden; margin-top:35px; padding-bottom:35px;}
#footer .copy ul li{float:left; margin-left:21px; margin-bottom:3px; font-size:13px; color:#cccccc;  }
#footer .copy ul li:first-child{margin-left:0; color:#fff; font-family:600;}
#footer .copy ul li .color{color:#d4d4d4;}
#footer .copy ul li .mg_l{margin-left:31px;}
#footer .copy ul li.br{margin-left:0!important;}
#footer .copy ul .copyright{margin-top:8px; font-size:11px; color:#888686;}

/* sitemap */
.sitemap .gnb{ overflow:hidden; margin-left:-2%;}
.sitemap .gnb > li{ float:left; width:18%; margin-left:2%;}
.sitemap .gnb > li.m_member,
.sitemap .gnb > li.m_mypage,
.sitemap .gnb > li.m_guide{ display:none}
.sitemap .gnb > li .dp1{ display:block; border-top:3px solid #c06cab; border-bottom:1px solid #c06cab; text-align:center; font-size:1.3em; font-weight:600; color:#c06cab; padding:20px 0;}
.sitemap .gnb > li:hover .dp1{ background:#c06cab; color:#fff}
.sitemap .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #999; font-size:87.5%; color:#666; padding:10px 0; text-align:center; font-size:1em;}
.sitemap .gnb > li .dp2 > li > a:hover{ font-weight:bold; color:#c06cab;}
.sitemap .gnb > li.m_1,
.sitemap .gnb > li.m_2,
.sitemap .gnb > li.m_3,
.sitemap .gnb > li.m_4,
.sitemap .gnb > li.m_5{ min-height:410px;}

/*agree & privacy*/
.sub .agree_area{ border-top:2px solid #c06cab; border-bottom:1px solid #666; position:relative; height:500px; overflow-y:scroll;}
.sub .agree_area .agree_tt{ position:absolute; left:0; top:0; width:178px; height:100%; border-left:1px solid #ccc; border-right:1px solid #ccc; background:url(../images/member/agree_bg.png) no-repeat left top; text-align:right;}
.sub .agree_area .agree_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:1.308em; font-weight:600; color:#fff; padding:20px 15px 0;}
.sub .agree_area .agree_box{ margin-left:180px; background-color:#f9f9f9; padding:20px;}
.sub .agree_area .agree_box .txt{ font-weight:600; color:#444; line-height:20px; margin-bottom:15px;}
.sub .agree_area .agree_box .agree_in{ height:140px; padding:15px; border:1px solid #ccc; background:#fff; line-height:18px; overflow-y:scroll;}
.sub .agree_area .agree_box .agree_in p{ line-height:18px; margin-bottom:12px;}
.sub .agree_area .agree_box .agree_in.h_st{ overflow-y:hidden; height:auto;}
.sub .agree_area .agree_box .agree_inp{ margin-top:25px; text-align:right;}
.sub .agree_area .agree_box .agree_inp input,
.sub .agree_area .agree_box .agree_inp label{ vertical-align:middle; cursor:pointer;}
.sub .agree_area .agree_box .agree_inp input{ margin-left:15px;}
.sub .agree_area .agree_box .agree_inp label{ margin-left:8px;}
.sub .agree_area .agree_box .agree_inp label:hover{ color:#3992ed;}

.sub .agree_area.st .agree_box{ margin-left:0; padding:30px;}
.sub .agree_area.st .agree_box .agree_in{ padding:30px;}

.sub .st.agree_area .agree_box .agree_in .agree_tit{border:1px solid #ccc; padding:20px; background:#f1f1f1; text-align:center;}
.sub .agree_area.st .agree_box .agree_in p{color:#666;  line-height:21px; padding-left:5px;}
.sub .agree_area.st .agree_box .agree_in p >strong{font-size:1.154em; color:#333; margin-left:-5px;}



/*etc*/
.roughmap_lebel_text { color: #FFF!important; position: relative; }
.roughmap_lebel_text:after { content: "싸이칸홀딩스";color: #111; position: absolute; top: 50%; left: 50%; font-size: 1em; margin-top: -8px; margin-left: -28px;}


@media all and (max-width:1550px){
}

@media all and (max-width:1200px){
#header .gnb_area .gnb{margin-left:19.8%;}
.txt_area .a1{float:none; margin-top:0; margin-bottom:10px; margin-left:20px;}
.txt_area .a2{margin-left:20px;}
}
@media all and (max-width:1023px){
body{padding:0 5px;} 
#header{height:60px;} 
#header .logo{top:15px;}
#header .logo a img{width:150px;}
#header .gnb_area .gnb > li{margin-left:4%}
#header .gnb_area .gnb{margin-left:148px;}
#header .right_area .top_btn_area{display:none;}
#header .right_area .lang_area > ul > li{height:59px; line-height:59px;}
#header .right_area .ham_btn2{height:59px; line-height:59px;}
#header .right_area .ham_btn2 img{padding:19px; 17px;}
#header .gnb_area .gnb > li .dp1{height:60px; line-height:60px;}

.sub .doc{padding:50px 0 100px;}

.main_nav{display:none!important;}

.con2visual_li .left_p{left:10px; top:0;}
.con2visual_li .feature{right:10px; bottom:7px;}
.con2visual_li .feature ul li{width:90px; height:90px;}
.con2visual_li .feature ul li .line1{width:74px; height:74px;}


.con3 .con3_ul > li{margin-left:10px; width:calc(33.33% - 10px); margin-bottom:20px;}
.con3 .con3_ul > li .info .building_name .p1{width:calc(100% - 120px);}
.con3 .con3_ul > li .info .building_name .p2{right:70px;}
.con3 .con3_ul > li .info .building_name .p3{width:50px;}

.sub1_1 .con1{padding:0 0 40px!important;}
.sub1_1 .con1.con1_c2{padding:40px 0!important;}
.sub1_1 .con1 .img_box1{height:160px;}
.sub1_1 .con1 .img_box1 .img_p1{top:37px;}
.sub1_1 .con1 .img_box1 .img_p2{top:75px;}

.organi{text-align:center;}
.organi .or_txt{position:inherit; top:inherit; left:inherit; text-align:center;}
.organi .or_txt .p1{padding-bottom:0;}
.organi .or_txt .p2{padding-bottom:0;}
.organi .or_txt .p2 > br{display:none;}
.organi .or_txt .p2::before{background:none;}
.organi .or_txt .p3 > br{display:none;}

.ci_concept .right_dv .con_t1{padding-left:60px;}
.ci_concept .left_dv{width:39%;}

.txt_area{margin-top:20px;}
.txt_area .a1{float:none; text-align:center; width:100%; margin-left:0;}
.txt_area .a2{float:none; margin:30px auto;}
.txt_area .a3{float:none; margin:0 auto; width:100%; max-width:450px;}

.sub4_4 .p1{background:url(../images/sub4/4_4img02.jpg) no-repeat 0 bottom}

.sub_5box .icon_box ul{padding:20px;}
.sub_5box2 .icon_box ul{padding:20px;}

.sub_5box2 .txt_box2.txt_box{padding:20px 20px 100px;}
.sub_5box2 .txt_box.txt_box2 .ab_img img{width:80%;}
.txt_box .box_txt .email_btn{margin-left:0; margin-top:10px;}

#footer{text-align:center;}
#footer .copy > ul{padding:0px 0 16px 0; text-align:center;}
#footer .copy > ul .copyright{padding-top:0;}
#footer .copy ul li{float:none; display:inline-block; *display:inline; zoom:1;}
#footer .copy ul li.br{display:block;}
}


@media all and (max-width:768px){
	#header .gnb_area .gnb{display:none;}
	#header .right_area .ham_btn{display:block;}
	#header .right_area .ham_btn2{display:none;}
	#header .right_area .lang_area > ul > li{width:58px;}
	#header .right_area .lang_area > ul > li a{padding-left:8px;}
	#header .right_area .lang_area{margin-left:8px;}
	#header .right_area .ham_btn{width:55px; height:59px; line-height:59px;}
	
	.sub .svisu_area .nav{display:none;}
	.sub .svisu_area{height:290px;}
	.sub #contents .lnb_area .gnb .dp2 > li{width:25%;}
	.sub #contents .lnb_area .gnb .m_2 .dp2 > li{width:25%;}
	.sub #contents .lnb_area .gnb .m_3 .dp2 > li{width:33.3%;}
	.sub #contents .lnb_area .gnb .m_4 .dp2 > li{width:25%;}
	.sub #contents .lnb_area .gnb .m_5 .dp2 > li{width:50%;}
	.sub #contents .lnb_area .gnb .m_guide .dp2 > li{width:33.3%;}
	.sub .st.agree_area .agree_box{padding:20px 10px;}
	.sub .st.agree_area .agree_box .agree_in{padding:10px;}
	
	.sitemap .gnb > li{width:31.3%;}
	.sitemap .gnb > li.m_1, .sitemap .gnb > li.m_2, .sitemap .gnb > li.m_3, .sitemap .gnb > li.m_4, .sitemap .gnb > li.m_5{min-height:310px;}
	
	.nav_intro > li{text-align:center;}
	.nav_intro > li > a{width:60px; display:inline-block; margin:inherit;}
	.nav_intro > li > a p{display:none;}
	.nav_intro > li > a .backbox{top:inherit; left:inherit; width:60px; height:60px; border-radius:50%;}
	.nav_intro > li > a .xi{padding:14px 0;}
	.con_wrap .tit_box1{padding:15px 0;}
	.con_wrap .con1 .con1_over > li{float:none; width:100%; box-sizing:border-box; padding:15px 0; margin-bottom:15px; margin-left:0;}
	.con_wrap .con1 .con1_over > li .int_p1{padding-bottom:15px;}
	.con_wrap .con1 .con1_over{margin-bottom:30px;}
	.con_wrap .con1_p2{padding-bottom:20px;}
		
	.con_wrap .con2{display:none!important;}	
	.con2visual_li .left_p{display:none;}
	.con2visual_li .feature{display:none;}
	
	.con3{padding-bottom:30px;}
	.con3 .con3_ul > li{width:100%; margin-left:0; margin-bottom:10px;}
	.con3 .con3_ul > li a img{width:100%;}
	
	.con4 .notice_box{margin:0 auto 10px;}
	.con4 .notice_box .title > p{width:70%; padding-left:5px;}
	.con4 .notice_box .notice{height:50px;}
	.con4 .notice_box .date{height:50px; width:13%;}
	.con4 .notice_box .title{height:50px; line-height:50px; width:72%;}
	
	.con4 .news_box ul li:nth-child(1), .con4 .news_box ul li:nth-child(2), .con4 .news_box ul li:nth-child(3), .con4 .news_box ul li:nth-child(4){margin-bottom:5px;}
	.con4 .news_box ul li:first-child, .con4 .news_box ul li:nth-child(5){margin-left:0;}
	.con4 .news_box ul li{width:99%; margin-left:0; margin-bottom:5px;}
	.con4 .news_box ul li .subject{padding:10px 0; height:20px;}
	.con4 .news_box ul li .date{padding:9px 14px;}
	.con4 .news_box ul li .date .more_btn{top:10px; margin-top:0;}
	
	
	.sub1_1 .con1 .img_box1 .img_p1 .st1,
	.sub1_1 .con1 .img_box1 .img_p2 .st1{display:block; font-size:1.5em;}
	.sub1_1 .con1 .img_box1 .img_p1{left:10px; right:inherit;}
	.sub1_1 .con1 .img_box1 .img_p2{left:30px; right:inherit;}
	.sub1_1 .con1 .img_box1 .img_p2{top:87px;}
	.sub1_1 .con1 .p3{line-height:17px;}
	.sub1_1 .con1 .p1{font-size:1.84em;}
	.sub1_1 .con2 .sign{width:270px; float:right;}
	
	.sub1_2 .txt_box1{margin-left:0; text-align:center;}
	.sub1_2 .txt_box1 .p2{padding-left:0;}
	.sub1_2 .txt_box1 .p1 .space{padding-left:0;}
	
	.sub1_2 .img_box1 .left_dv{float:none; width:100%; text-align:center; margin-left:0;}
	.sub1_2 .img_box1 .right_dv{float:none; max-width:340px; width:88%; height:210px; margin:30px auto; padding:5%;}
	
	.history > li > dl > dd .mon{width:17%;}
	
	.cli > ul > li{width:calc(96% - 2px); height:auto!important}
	.cli > ul > li .cli_img{float:none; width:96%; margin:0 auto;}
	.cli > ul > li .cli_info{float:none; width:96%; margin:10px auto 0;}
	
	.tab_menu .tab_idx{margin-bottom:32px;}
	.tab_menu .tab_idx li{height:31px; line-height:31px; margin-left:3px; width:20%;}
	.tab_menu .detail_wrap{padding:0;}
	.ci_concept{padding:10px;}
	.ci_concept .left_dv{float:none; width:100%;}
	.ci_concept .left_dv .img_t_50{margin-top:0;}
	.ci_concept .right_dv{float:none; width:100%; margin-top:30px;}
	.ci_concept .right_dv .con_t1{padding-left:50px; margin-bottom:20px;}
	.ci_concept .right_dv .con_t1 .title{background:url(../images/sub1/p1_point.jpg) no-repeat left 4px;}
	
	.ci_color ul{padding:10px;}
	.ci_color ul > li .li_dv .num{width:18px; height:18px; line-height:18px;}
	.ci_color ul > li .li_dv{padding-left:25px;}
	.ci_color ul > li{width:49%; margin:15px 0 0px 1%;}
	.ci_color ul > li .li_dv ol li{padding-left:27px;}
	
	.ci_updown{padding:10px;}
	.ci_updown .left_logo{width:100%;}
	.ci_updown .right_logo{width:100%;}
	
	.ci_updown2{padding:10px;}
	.ci_updown2 .left_logo{width:100%;}
	.ci_updown2 .right_logo{width:100%;}
	
	.ci_rule > ul li{width:50%;}
	.ci_no > ul li{width:47%;}
	.ci_no{padding:20px 10px 10px}
	
	.map_info th{padding:0; font-size:1em;}	
	.map_info td{font-size:0.92em;}
	.map_info th img{display:none;}	
	.map_info td{padding:12px 0px 12px 3px}
	
	.port_list > ul > li{width:100%; margin-bottom:10px;  margin-left:0; margin:10px 0 10px 0;} 
	.port_list > ul > li > ol > li{width:100%;}
	.port_list > ul > li > ol > li.img{max-width:none;}
	.port_list > ul > li > ol > li.img img{max-width:none; height:auto;}
	.port_list > ul > li > ol > li.txt{padding-top:10px; max-height:none;}
	
	.port_info .port_name{padding-bottom:10px; margin-bottom:10px;}
	.port_info .port_intro{padding:5px;}
	.port_info .port_txt ul > li{width:100%; margin-bottom:7px;}
	.port_info .port_txt{margin:20px 0;}
	
	.port_gallery #gallery a{height:inherit; width:99.6%;}
	.sub4_4 .img_box1 p{padding-top:67px;}
	.sub4_4 .p1{background:none;}
	
	.sub_5box .top_box .p1{line-height:25px;}
	.sub_5box .top_box .p2 .q_icon{padding:4px 9px 6px;}
	.sub_5box .top_box .p2{padding:7px 0 10px 37px;}
	
	.sub_5box .icon_box ul{padding:10px;}
	.sub_5box .icon_box ul li{width:100%; min-height:inherit;}
	.sub_5box .icon_box ul li .cont .icon img{width:50%;}
	.sub_5box .icon_box ul li .cont{padding-left:70px; padding-top:3px;}
	.sub_5box .icon_box ul li .cont .p2{padding-top:18px;}
	.sub_5box .icon_box ul li .cont .p1::before{bottom:-9px;}
	.sub_5box .icon_box ul li .cont .p1 .st1{display:block;}
	.sub_5box .icon_box ul li .cont .p1{font-size:2em;}
	
	.sub_5box2 .top_box .p1{line-height:25px;}
	.sub_5box2 .top_box .p2 .q_icon{padding:4px 12px 6px;}
	.sub_5box2 .top_box .p2{padding:7px 0 10px 37px;}
	
	.sub_5box2 .icon_box ul{padding:10px;}
	.sub_5box2 .icon_box ul li{width:100%; min-height:inherit;}
	.sub_5box2 .icon_box ul li .cont .icon img{width:50%;}
	.sub_5box2 .icon_box ul li .cont{padding-left:70px; padding-top:3px;}
	.sub_5box2 .icon_box ul li .cont .p2{padding-top:18px;}
	.sub_5box2 .icon_box ul li .cont .p1::before{bottom:-9px;}
	.sub_5box2 .icon_box ul li .cont .p1 .st1{display:block;}
	.sub_5box2 .icon_box ul li .cont .p1{font-size:1.5em;}
	
	.txt_box .box_img{display:none;}
	.txt_box .box_img_m{display:block; padding:13px 0 60px 20px; text-align:left;}
	
	.tit_area .p1 .st1{display:block; padding-right:0;}
	.tit_area .p1 .st1::before{background:none;}
	
	#footer .footerup .left_ul{display:none;}
	#footer .footerup .l_home{float:right; position:static; border-left:1px solid #666;}
	#footer .footerup .r_top{float:right; position:static;}
		
		
	.greetings_bot_w {padding:0 1em;}	
	.greetings_bot_w .greetings_ul {overflow:inherit;}
	.greetings_bot_w .greetings_ul > li {float:none;}
	.greetings_bot_w .greetings_ul > li.left {width:100%;}
	.greetings_bot_w .greetings_ul > li.right {width:100%;}
	.greetings_bot_w .greetings_ul > li .greetings_in .tx.pa_l {padding-left:0;}
	.greetings_bot_w .greetings_ul > li .greetings_in .sign {padding-top:0;}
	
		
		
	
}

@media all and (max-width:560px){
	.port_list{padding:10px;}
	.txt_area .a2{width:257px;}
	.txt_area .a2 > ul > li{margin-left:0;}
	
}